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

赞 (0)

相关推荐

  • EasyUI中datagrid在ie下reload失败解决方案

    问题 最近使用EasyUI开发后台系统,测试时发现个奇葩的问题,$('dg').datagrid('reload'); 重新加载表格数据时,ie下一点反应都没有.后来发现其实并不是没有反应,而是浏览器使用了缓存. 解决方案 网上网友总结出来的解决方案有以下几种: 1.在url后加时间戳,使第一次加载和reload中访问的url不一致,使系统无法使用IE缓存.通过测试发现,EasyUI请求时后面已经自带一串随机数_145232xxx,但是ie还是会使用缓存.后来我在请求的js中为url加上rand

  • EasyUI中combobox默认值注意事项

    在修改数据时,需要先加载数据. 在加载combobox数据的时候,从后台传来的应该int类型的数据. html代码 复制代码 代码如下: <tr>    <td style="text-align: right;">院系:</td>        <input type="hidden" id="belongsvalue" value="${fbook.belongs}" />

  • jquery中EasyUI实现异步树

    前台使用EasyUI实现 . EasyUI向后台传递一个id参数 . 第一次加载 , 向后台传递的id为null . 之后每次将树节点展开 , 会向后台传递一个当前节点的 id . Control层 : 复制代码 代码如下: /**   * tree   */  @RequestMapping(value = "/tree.do")  public void mytree(HttpServletResponse response, String id) {   this.writeJs

  • EasyUI，点击开启编辑框，并且编辑框获得焦点的方法

    复制代码 代码如下: onClickRow : function(rowIndex, rowData){      var editor = $('#datagrid').datagrid('getEditor', {index:rowIndex,field:"buyNum"});      editor.target.focus();  } 点击一行,开启编辑框的同时,将光标放在编辑框中. rowIndex:是开启编辑框这行当前页的行索引,从0开始: buyNum:是开启编辑框的字段

  • 浅谈EasyUI中编辑treegrid的方法

    主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态. 复制代码 代码如下: columns : [ [ {             title : "ID",             field : "id",             hidden : true         }, {             field : "pid",             hidden : true         },  {    

  • jQuery+easyui中的combobox实现下拉框特效

    1.第一种写法:Input框中显示: 复制代码 代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 2. 第二种用法,在list

  • jQuery EasyUI datagrid实现本地分页的方法

    jQuery EasyUI datagrid实现本地分页的方法

    本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重点用到了pagination的监听,以及JS数组的slice方法来完成.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title&g

  • EasyUI中实现form表单提交的示例分享

    复制代码 代码如下: $('#form').form({   url : 'test/add.do',   onSubmit : function() {    parent.$.messager.progress({     title : '提示',     text : '数据处理中,请稍后....'    });    var gridValid = endEdit();// 子表退出编辑验证    if (!gridValid) {     parent.$.messager.prog

  • EasyUi datagrid 实现表格分页

    1.首先引入 easyui的 css 和 js 文件 2.前台 需要写的js 复制代码 代码如下: //源数据 function Async(action,args,callback){   $.ajax({ url: action ,   type:"POST",   dataType:"json",   timeout: 10000,   data: args,   success: function(data){     if(callback){   cal

  • jquery Easyui快速开发总结

    最近工作很轻松,整理了些关于easyui的datagrid的开发文档,整理的比较细致,直接复制粘贴就可以使用了. 代码内容如下: <link href="../../Content/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="../../Content/easyUI/themes/icon.css&q

随机推荐