ホームページ > ウェブフロントエンド > jsチュートリアル > 第 2 層のポップアップを実装する EasyUI メソッド box_jquery

第 2 層のポップアップを実装する EasyUI メソッド box_jquery

WBOY
リリース: 2016-05-16 16:11:52
オリジナル
1436 人が閲覧しました

これは、EasyUI を拡張するときにネチズンが使用するコードです。

実際のニーズに応じて変更できます。

$.modalDialog2.handler このハンドラーはポップアップ ダイアログ ハンドルを表します
$.modalDialog2.xxx この xxx は自分で名前を付けることができ、主にポップアップ ウィンドウを閉じたときに特定のオブジェクトを更新するために使用されます。xxx オブジェクトを事前に定義できます。

コードをコピーします コードは次のとおりです:
$.modalDialogTwo = 関数(オプション) {
if ($.modalDialogTwo.handler == unknown) {// ポップアップの繰り返しを回避します
var opts = $.extend({
タイトル: ''、
幅 : 840、
身長:680、
モーダル: true、
onClose : function() {
$.modalDialogTwo.handler = 未定義;
$(this).dialog('destroy');
}、
onOpen : function() {
//parent.$.messager.progress({
// タイトル: 'ヒント',
// テキスト: 'データをロード中です。お待​​ちください....'
// });
}
}、オプション);
opts.modal = true; // 渡されたモーダルパラメータ
を無視して、このダイアログを強制的にモーダルにします。 return $.modalDialogTwo.handler = $('
').dialog(opts);
}
};

上記は、EasyUI を使用して 2 番目のレイヤーのポップアップ ボックスを実装する私の個人的な方法です。皆さんに気に入っていただければ幸いです。

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