ホームページ > ウェブフロントエンド > jsチュートリアル > UpdatePanel_jquery での jquery easyui 効果の失敗の解決策

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

WBOY
リリース: 2016-05-16 18:29:57
オリジナル
1425 人が閲覧しました

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

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


...

...
...


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

UpdatePanel_jquery での jquery easyui 効果の失敗の解決策ただし、updatepanelに入れて初回表示しないと故障します。

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




...

...
>



.< /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(); })
無効化の問題は解決されました。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート