发布于 2016-08-29 10:58:48 | 150 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

EasyUI jQuery UI插件

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

---

本文给大家分享的是一则使用EasyUI实现第二层弹出框的方法，核心代码是网友提供，这里结合自己的项目需求，完善了下，推荐给大家。

这是网友在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实现第二层弹出框的方法,希望大家能够喜欢。