ASP.NET AJAXの開発をさらにサポート「ASP.NET 3.5 SP1」

ASP.NET 3.5 Extensions + ASP.NET MVCフレームワーク（5）

クライアントサイドスクリプトで履歴ポイントを操作する

　履歴ポイントはサーバーサイドでの実装だけでなく、クライアントサイドでも実装可能です。原理的には何ら変わらず、部分更新などの動作が行われている時に履歴ポイントを作成し、キーと値を格納して、Navigateイベント内で、値を取り出して該当のコントロールに値を設定するという流れになっています。それでは早速サンプルを見てみたいと思います。

<script type="text/javascript">
        // ページ呼び出し時のイベント登録
       function pageLoad() {
            // 戻る/進むボタンを押したときのイベント登録
            Sys.Application.add_navigate(CallHistoryPoint);
            // ボタンクリック時のイベント登録
            var btn = $get('button');
            $addHandler(btn, "click", btnClick);
        }

        // 戻る/進むボタンを押したときの挙動
        function CallHistoryPoint(sender, e) {
            var text = e.get_state().key
            $get("label").innerHTML = text;
        }

        // 履歴ポイントの作成
        function btnClick(e) {
            var text = $get("text").value;
            Sys.Application.addHistoryPoint({ key: text }, "Hello," + text);
            $get("label").innerHTML = text;
        }
</script>

＜中略＞

<div>
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnableHistory="true"   />
</div>
<label id="label"></label>
<input id="text" type="text"     />
<input id="button" type="button" value="登録"     />

　上記サンプルでは、ページロードイベント時にadd_navigateメソッドを使って戻る/進むボタンを押した時のイベント登録を行っています。また、ボタンクリック時のイベントを$addHandlerメソッドを使ってbtnClick関数と関連付けしています。履歴ポイントの作成は、addHistoryPointメソッドを使い、第一パラメータにキーと値を格納します。第二パラメータはブラウザのタイトルです。特に必要ない場合、第二パラメータは省略できます。戻る/進むボタンをクリックした時の挙動として、get_state()メソッド+.「キー」の値を設定して格納した値を取り出しています。

　サーバーサイド、クライアントサイドどちらでも選択できるのでアプリケーションにあった方を採用できるのも非常に魅力的です。CompositeScript同様にこちらも積極的に活用していきましょう。

ASP.NET Controls for Silverlightの概要と利用

　ASP.NET Controls for Silverlightの概要は非常にシンプルです。ASP.NETアプリケーション上で簡単にSilverlightをホストできる2種類のコントロールです。機能で言うと、MediaをホストするMediaPlayerコントロールと、それ以外のSilverlightをホストするSiverlightコントロールです。どちらも利用の際にScriptManagerコントロールの配置が必要になります。

　Silverlightについては既にさまざまな情報が出てきていますが、CodeZineのSilverlight連載記事は入門から丁寧に記述されているので、詳しく学習したい方はそちらを参考にしてください。本稿ではホストするコントロールの特徴について解説します。