ポケモン不思議のダンジョン 不思議なメール一覧サイト
こちらのアクセス数がすごいことになっているので、ちょっと表示の軽量化(笑)
簡単な対応としては、やはりAJAXでのUpdatePanel対応かな?ということで、超簡単に乗っけてみました。
まずはお約束、ASPAJAXExtSetup.msi をダウンロードしてインストール
http://www.microsoft.com/downloads/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en
インストールし終わったら、VS起動。ツールバーに「AjaxExtenstions」が追加されてます。
はい、準備はOK
そこで既存のASPプロジェクトをあけて、まずはマスターページに「AJAX使うんでよろしく」のお約束として「ScriptManager」を追加します。場所は、Formタグの内側でOK。ツールバーからドラッグしたらファイルを保存します。(ここで約2分)
この後、改良したいページを開きます。今回は一覧リストの表示を軽量化したいのでそのページを開いて、軽量化したい部品をUpdatePanelの内側に入れてしまいます。赤い線の部分が今回の追加部品。今まで作った部品の外側になるようにいれただけです。
できたら、次に一箇所だけ、ロジックを追加します。「ここの部分だけ更新したいんで、よろしくね」という命令です。
Protected Sub BtnSelect_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles BtnSelect.Click
Gd.PageIndex = 0
SetList()
up_List.Update()
End Sub
赤文字の部分ね。これで「up_List」という名前のUpdatePanel だけが更新されてクライアントに送られます。うん、簡単。(ここまで5分)
はい、動かしてみましょう。
今までとちょっと変わります。リスト部分だけが表示されて更新されてページ送りできて、検索結果の表示に切り替わるようになり、メニュー部分や検索条件部分がちらついたりしません。
というわけで、WEBサイト発行、トータル10分でできる、サイトの軽量化、でした♪