TOPシステム開発> イベントハンドラの記述
ASP.NET+Ajax
試せばわかる!Ajax開発環境ASP.NET AJAX

第3回:ASP.NET AJAXを使ってWebページを作成する

著者:日立ソフトウェアエンジニアリング  宮崎 昭世   2007/3/29
前のページ  1  2  3   4  次のページ
イベントハンドラの記述

   ページにコントロールを貼り付けたら、「住所仮定」ボタンクをリックした時の処理を記述します。「住所仮定」ボタンをダブルクリックするとイベントハンドラが作成されます。
「住所仮定」ボタンのイベントハンドラ
protected void Button1_Click(object sender, EventArgs e)
{

}

   イベントハンドラは通常のASP.NETと変わりがありません。今回は次のようにイベントハンドラの中身を加えます(ASP.NET AJAXの動作確認のために簡易的なコードにしてあります)。

「住所仮定」ボタンのイベントハンドラに記述するコード
protected void Button1_Click(object sender, EventArgs e)
{
   if (TextBox1.Text == "1400001")
   {
      TextBox2.Text = "東京都品川区北品川";
   }
   else if (TextBox1.Text == "1400002")
   {
      TextBox2.Text = "東京都品川区東品川";
   }
}


作成したWebページの動作確認

   それでは、実行して動作を確認しましょう。

   ツールバーから「デバッグ → デバッグ開始」をクリックします。すると図7のような画面が表示されます。

実行結果
図7:実行結果
(画像をクリックすると別ウィンドウに拡大図を表示します)

   上のテキストボックスに「1400001」と入力し、ボタンをクリックしてみてください。すると、下のテキストボックスに住所が表示されます。このとき、戻るボタンが活性化されていないことがわかると思います。

ボタンを押した後の画面
図8:ボタンを押した後の画面
(画像をクリックすると別ウィンドウに拡大図を表示します)

   今回作成したWebページではJavaScriptは一切記述していませんが、Ajaxページの作成ができました。このように、ASP.NETとほぼ同じ手順でAjax対応が可能な技術が、ASP.NET AJAXのサーバ中心モデルの開発手法です。

   また、今回記述したコードは郵便番号から住所を取得するためのコードであり、通常のASP.NETページでも同様になることに注目してみてください。

前のページ  1  2  3   4  次のページ


日立ソフトウェアエンジニアリング株式会社 宮崎 昭世
著者プロフィール
日立ソフトウェアエンジニアリング株式会社  宮崎 昭世
仕事ではWindows環境におけるアプリケーション開発の標準化・技術教育などを担当する。Webアプリケーション開発では、個人で作成したC言語のCGIプログラムからはじまり、Perl、ASP、Javaなどを経て現在はASP.NETを主に利用している。

Microsoft MVP for Visual Developer - ASP/ASP.NET
https://mvp.support.microsoft.com/
profile=6C540032-3FD0-43B0-98EF-3690158D4EE6

kogumaブログ
http://koguma.cocolog-nifty.com/koguma/



INDEX
第3回:ASP.NET AJAXを使ってWebページを作成する
  一足先にOrcasの世界を体験する
  コントロールの配置
イベントハンドラの記述
  登録ボタンの追加