DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> EasyUI實現第二層彈出框的方法教程
EasyUI實現第二層彈出框的方法教程
編輯:關於JavaScript     

這是網友在EasyUI拓展時的代碼。

可以根據實際需要自行修改。

 $.modalDialog2.handler 這個handler代表彈出的dialog句柄
 $.modalDialog2.xxx 這個xxx是可以自己定義名稱,主要用在彈窗關閉時,刷新某些對象的操作,可以將xxx這個對象預定義好

代碼如下:
$.modalDialogTwo = function(options) {
 if ($.modalDialogTwo.handler == undefined) {// 避免重復彈出
var opts = $.extend({
   title : '',
   width : 840,
   height : 680,
   modal : true,
   onClose : function() {
    $.modalDialogTwo.handler = undefined;
    $(this).dialog('destroy');
   },
   onOpen : function() {
    // parent.$.messager.progress({
    // title : '提示',
    // text : '數據加載中,請稍後....'
    // });
   }
  }, options);
  opts.modal = true;// 強制此dialog為模式化,無視傳遞過來的modal參數
  return $.modalDialogTwo.handler = $('<div/>').dialog(opts);
 }
};

以上就是個人使用EasyUI實現第二層彈出框的方法,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved