.< /div>
;/div>
内容も同様です。そしてMultiView1をupdatepanel内に置きます。
次に、最初のビューを表示するように設定します
コードをコピーします
コードは次のとおりです:
コードをコピーします
コードは次のとおりです:
r=$( ".easyui- tabs",_1ec);
if(r.length){ r.tabs(); おそらく Web ページが読み込まれた後、クラスを探します。 easyui-tabs レイヤーとして定義されます。そして彼にその効果を加えます。
次に、ページが読み込まれるときに最初のビューを表示し、js がビュー内のレイヤーを見つけてそれに効果を与えると想像できます。
次に、コンテンツが 2 番目のビューに切り替わりましたが、updatepanel で表示されているビューを更新しました。ただし、ページはリロードされず、上記の JS コードは新しいビューへの変更を実行しません。
したがって、updatepanel がポストバックした後に js コードを再実行することが決定されます。
ページに再バインド関数を定義します。
コードをコピー
コードは次のとおりです。
function EndRequestHandler() {
$ (".easyui-tabs").tabs(); } 別のイベントを定義します。
コードをコピー
コードは次のとおりです。
function reload() {
Sys .WebForms. PageRequestManager.getInstance().add_endRequest(EndRequestHandler); } add_endRequest PageRequestManager クラスは、ブラウザーでサーバー UpdatePanel コントロールを管理する部分的なページ更新です。さらに、クライアント側スクリプトを通じて Web ページをカスタマイズするためのプロパティ、イベント、メソッドが定義されています。 getInstance メソッドを呼び出して、PageRequestManager クラスのインスタンスを取得します。次に、add_endRequest メソッドを介して endRequest イベント (非同期ポストバックが完了し、制御がブラウザに返された後に発生します) をバインドします。このようにして、updatepanel でコールバックが発生するたびに、EndRequestHandler() 関数がトリガーされます。エフェクトを一度バインドし直します。 $(document).ready(function() { reload(); })
無効化の問題は解決されました。