UpdatePanel_jquery での jquery easyui 効果の失敗の解決策

easyui を使用する利点は、インターフェイスが優れているだけでなく、使いやすさにもあります。

コードをコピー コードは次のとおりです:

...

... div>

...

対応するクラスを定義している限り、さまざまな効果を達成できます。

ただし、updatepanelに入れて初回表示しないと故障します。

コードをコピー コードは次のとおりです:

...

...

>

.

;/div>

内容も同様です。そしてMultiView1をupdatepanel内に置きます。

次に、最初のビューを表示するように設定します




コードをコピーします

コードは次のとおりです:

MultiView1.ActiveViewIndex =0; 参照します。表示は正常です。ただし、ビューの表示を変更すると、たとえば上記を MultiView1.ActiveViewIndex =1; に変更すると、2 番目のビューの効果は失われます。 jquery.easyui.min.js に移動して理由を見つけてください。この文を見た

コードをコピーします

コードは次のとおりです:

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(); })

無効化の問題は解決されました。