easyui各种dialog

最新推荐文章于 2020-12-21 03:53:42 发布
最新推荐文章于 2020-12-21 03:53:42 发布
阅读量136 收藏
点赞数
文章标签： javascript python ui ViewUI
原文链接：https://my.oschina.net/u/780876/blog/518214
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

var dynamicLoading = {
    js : function(src) {
        $.ajax({
            url : src,
            dataType : "script",
            async : false
        /* 同步操作 */
        });
    },
    css : function(path) {
        if (!path || path.length == 0) {
            throw new Error('argument "path" is required !');
        }
        var head = document.getElementsByTagName('head')[0];
        var link = document.createElement('link');
        link.href = path;
        link.rel = 'stylesheet';
        link.type = 'text/css';
        head.appendChild(link);
    }
}
/*******************************************************************************
 * 弹出层
 ******************************************************************************/
var dialog = {
    
    // 确认删除
    confirmDelete : function(pWidth, pHeight, pTitle, pContent) {
        var html = '<div class="dialog" id="dlg2">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:20px;">'
                + pContent + '  </div>' + '</div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog(
                {
                    title : pTitle,
                    modal : true,
                    // top :$("#center").offset().top+50,
                    iconCls : "icon-edit",
                    width : pWidth,
                    height : pHeight,
                    buttons : [
                            {
                                text : '确定',
                                id : 'delSure',
                                iconCls : 'icon-ok',
                                handler : function() {
                                    $("#form1").attr(
                                            "action",
                                            $("#form1").attr("action")
                                                    + "/delete");
                                    $("#form1").submit();
                                }
                            }, {
                                text : '取消',
                                iconCls : 'icon-cancel',
                                handler : function() {
                                    $("#dlg2").dialog("close");
                                    $("#dlg2").dialog("destroy");
                                }
                            } ],
                    close : function(event, ui) {
                        $(this).dialog("destroy"); // 关闭时销毁
                    }
                });
    },
    // 确认删除
    confirmcalc : function(pTitle, pContent,url) {
        var html = '<div class="dialog" id="dlg2">'    + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:20px;">'    + pContent + '  </div>' + '</div>';
        $(html).dialog({
            title :pTitle,
            modal : false, 
            width : 300,
            height : 150,
            buttons : [{
                text : '确定',
                id : 'delSure',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                    $.ajax({
                        async : true,
                        type : "POST",
                        contentType : "application/json; charset=utf-8",
                        url : url,
                        dataType : 'text',
                        success : function(result) {
                            dialog.autoCloss(300, 110, "系统提醒", result);
                            $(".datagrid-mask,.datagrid-mask-msg").hide(); 
                            $('#tbList').datagrid('uncheckAll');
                        },
                        beforeSend:function(){
                            dialog.loadding(320, 120, "正在批量计算，请勿关闭或刷新窗口！");
                        }
                    });        
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            }],
            close : function(event, ui) {
                $(this).dialog("destroy"); // 关闭时销毁
            }
        });
    },
    // 确认删除
    confirmAjax : function(pTitle, pContent,pUrl,ajaxType) {
        var html = '<div class="dialog" id="dlg2">'    + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:20px;">'    + pContent + '  </div>' + '</div>';
        $(html).dialog({
            title :pTitle,
            modal : false, 
            width : 300,
            height : 150,
            buttons : [{
                text : '确定',
                id : 'delSure',
                handler : function() {{
                    $.ajax({
                        type :ajaxType,
                        url : pUrl,
                        dataType : 'text',
                        success : function(data) {
                            $("#dlg2").dialog("close");
                            $("#dlg2").dialog("destroy");    
                            //dialog.autoCloss(300, 110, "操作提醒", data);
                            if(data.indexOf("成功")>-1){
                                $("#tbList").datagrid('reload');
                            }
                        }
                    });
                }                
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("destroy"); // 关闭时销毁
            }
        });
    },
    confirmCopy : function(pWidth, pHeight, pTitle, pContent) {
        var html = '<div class="dialog" id="dlg2">'
            + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:20px;">'
            + pContent + '  </div>' + '</div>';
    $("#dlg2").dialog("close");
    $("#dlg2").dialog("destroy");
    $(html).dialog(
            {
                title : pTitle,
                modal : true,
                iconCls : "icon-edit",
                width : pWidth,
                height : pHeight,
                buttons : [
                        {
                            text : '确定',
                            id : 'delSure',
                            iconCls : 'icon-ok',
                            handler : function() {
                                $("#form1").attr("action","/flood/copy");
                                $("#form1").submit();
                            }
                        }, {
                            text : '取消',
                            iconCls : 'icon-cancel',
                            handler : function() {
                                $("#dlg2").dialog("close");
                                $("#dlg2").dialog("destroy");
                            }
                        } ],
                close : function(event, ui) {
                    $(this).dialog("destroy"); // 关闭时销毁
                }
            });
},
    // 相关数据确认删除
    confirmlinkDelete : function(pWidth, pHeight, pTitle, pContent) {
        var html = '<div class="dialog" id="dlg2">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:10px;">'
                + pContent + '  </div>' + '</div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog(
                {
                    title : pTitle,
                    modal : true,
                    top : $("#center").offset().top + 50,
                    iconCls : "icon-edit",
                    width : pWidth,
                    buttons : [
                            {
                                text : '确定',
                                id : 'delSure',
                                iconCls : 'icon-ok',
                                handler : function() {
                                    $("#form1").attr(
                                            "action",
                                            $("#form1").attr("action")+ "/delete");
                                    $("#form1").submit();
                                }
                            }, {
                                text : '取消',
                                iconCls : 'icon-cancel',
                                handler : function() {
                                    $("#dlg2").dialog("close");
                                    $("#dlg2").dialog("destroy");
                                }
                            } ],
                    close : function(event, ui) {
                        $(this).dialog("destroy"); // 关闭时销毁
                    }
                });
    },
    // 确认删除
    doubleconfirmDelete : function(pWidth, pHeight, pTitle, pContent) {
        var html = '<div class="dialog" id="dlg2">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:60px;">'
                + pContent + '  </div>' + '</div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            top : $("#center").offset().top + 50,
            iconCls : "icon-edit",
            width : pWidth,
            buttons : [ {
                text : '确定',
                id : 'delSure',
                iconCls : 'icon-ok',
                handler : function() {
                    text = '请再次确认是否要删除？谨慎操作！';
                    dialog.confirmDelete(pWidth, pHeight, "再次确认", text);
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("destroy"); // 关闭时销毁
            }
        });
    },
    // 单个删除
    singleDelete : function(pWidth, pHeight, pTitle, pContent, id) {
        var html = '<div class="dialog" id="dlg2">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:60px;">'
                + pContent + '  </div>' + '</div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog(
                {
                    title : pTitle,
                    modal : true,
                    top : $("#center").offset().top + 50,
                    iconCls : "icon-edit",
                    width : pWidth,
                    buttons : [
                            {
                                text : '确定',
                                id : 'delSure',
                                iconCls : 'icon-ok',
                                handler : function() {
                                    window.location.href = $("#form1").attr(
                                            "action")
                                            + "/delete?ckId=" + id;
                                }
                            }, {
                                text : '取消',
                                iconCls : 'icon-cancel',
                                handler : function() {
                                    $("#dlg2").dialog("close");
                                    $("#dlg2").dialog("destroy");
                                }
                            } ],
                    close : function(event, ui) {
                        $(this).dialog("destroy"); // 关闭时销毁
                    }
                });
    },
    /***************************************************************************
     * 确认操作 pWidth:对话框宽度 pHeight:对话框高度 pTitle:显示的标题 pContent:显示的内容
     * pAction:操作的action（全称）
     **************************************************************************/
    confirm : function(pWidth, pHeight, pTitle, pContent, pAction) {
        var html = '<div class="dialog" id="dlg2">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:20px;margin-left:60px;margin-bottom:10px;">'
                + pContent + '  </div>' + '</div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            top : $("#center").offset().top + 50,
            iconCls : "icon-edit",
            width : pWidth,
            buttons : [ {
                text : '确定',
                id : 'delSure',
                iconCls : 'icon-ok',
                handler : function() {
                    $("#form1").attr("action", pAction);
                    $("#form1").submit();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("destroy"); // 关闭时销毁
            }
        });
    },prompt : function (pContent,formAction,action1,action2) {
        var html = '<div class="dialog" id="prompt">'
            + '  <div class="ui-icon ui-icon-alert" style="margin-top:20px;margin-left:20px;margin-bottom:10px;">'
            + pContent + '  </div>' + '</div>';
        $("#prompt").dialog("close");
        $("#prompt").dialog("destroy");
        $(html).dialog({
            title : "操作提示",
            modal : true,
            iconCls : "icon-edit",
            width : 320,
            height: 130,
            buttons : [ {
                text : '确定',
                id : 'delSure',
                iconCls : 'icon-ok',
                handler : function() {
                    if(formAction != "")
                        $("#form1").attr("action",formAction);
                    $("#form1").ajaxSubmit(function(data) {
                        if (data != "")
                            dialog.autoCloss1(300,120,"操作提示",data,true,action1);
                         else
                            window.location.href = action2;
                    });
                    $("#prompt").dialog("close");
                    $("#prompt").dialog("destroy");
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#prompt").dialog("close");
                    $("#prompt").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("destroy"); // 关闭时销毁
            }
        });
    },
    /**
     * 弹出层选择框 pWidth:对话框宽度 pHeight:对话框高度 pTitle:显示的标题 id:按钮id pUrl:显示的页面地址
     */
    selectDialog : function(pWidth, pHeight, pTitle, id, pUrl) {
        var html = '<div id="dlgselect" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlgselect").dialog("close");
        $("#dlgselect").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [{
                text : '确定',
                id : 'select',
                handler : function() {
                    $('#' + id).click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlgselect").dialog("close");
                    $("#dlgselect").dialog("destroy");
                }
            }]
        });
    },
    /**
     * 弹出层选择框 pWidth:对话框宽度 pHeight:对话框高度 pTitle:显示的标题 id:按钮id pUrl:显示的页面地址
     */
    selectDialogForZone : function(pWidth, pHeight, pTitle, id, pUrl) {
        var html = '<div id="dlgselect" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlgselect").dialog("close");
        $("#dlgselect").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [{
                text:"<span id=\"spremark\" style=\"color:red;font-weight: bold;float:left;margin-top:4px;\">注：修改选择的分区信息，会覆盖机组下的分区信息，请谨慎修改！</span>"
            }, {
                text : '确定',
                id : 'select',
                handler : function() {
                    $('#' + id).click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlgselect").dialog("close");
                    $("#dlgselect").dialog("destroy");
                }
            }]
        });
    },
    //离顶部高度与上一个selectDialog不一样
    selectDialog2 : function(pWidth, pHeight, pTitle, id, pUrl) {
        var html = '<div id="dlgselect" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlgselect").dialog("close");
        $("#dlgselect").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top+50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '确定',
                id : 'select',
                handler : function() {
                    $('#' + id).click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlgselect").dialog("close");
                    $("#dlgselect").dialog("destroy");
                }
            } ]
        });
    },
    selectDialog3 : function(pWidth, pHeight, pTitle, id, pUrl) {
        var html = '<div id="dlgselect" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlgselect").dialog("close");
        $("#dlgselect").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top+50,
            iconCls : "icon-save",
            width : pWidth,
            height : pHeight,
            buttons : [ {
                text : '确定',
                id : 'select',
                handler : function() {
                    $('#' + id).click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlgselect").dialog("close");
                    $("#dlgselect").dialog("destroy");
                }
            } ]
        });
    },
    /**
     * 全屏弹出层选择框 pTitle:显示的标题 id:按钮id pUrl:显示的页面地址
     */
    noButtonDialog : function(pTitle, width, height, pUrl) {
        var html = '<div id="dlgselect" class="easyui-dialog" style="padding: 10px;"></div>';
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            iconCls : "icon-save",
            width : width != 0 ? width : $(window).width(),
            height : height != 0 ? height : $(window).height(),
            onBeforeClose : function() {
                return false;
            }
        });
    },
    DialogWin : function(width,height,pTitle, pUrl) {
        var html = '<div id="dlgselect" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlgselect").dialog("close");
        $("#dlgselect").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            iconCls : "icon-save",
            width : width != 0 ? width : $(window).width(),
            height : height != 0 ? height : $(window).height(),
            buttons : [ {
                text : '确定',
                id : 'submit1',
                handler : function() {
                    $('#submit').click();
                    $("#dlgselect").dialog("close");
                    $("#dlgselect").dialog("destroy");
                }
            },
            {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlgselect").dialog("close");
                    $("#dlgselect").dialog("destroy");
                }
            }],
            close : function(event, ui) {
                $("#dlgselect").dialog("close");
                $("#dlgselect").dialog("destroy");
            }
        });
    },
    /**
     * 新增、编辑表单 pWidth:对话框宽度 pHeight:对话框高度 pTitle:显示的标题 pUrl:显示的页面地址
     * pCloseLocation: 关闭后跳转的地址
     */
    addDialog : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '提交',
                id : 'submit1',
                handler : function() {
                    $('#submittype').val('0');
                    $('#submit').click();
                }
            }, {
                text : '提交并继续',
                id : 'submit2',
                handler : function() {
                    $('#submittype').val(2 + parseInt($('#submittype').val()));
                    $('#submit').click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                    if ($('#submittype').val() >= 2) {
                        location.href = pCloseLocation;
                        $('#submittype').val('0');
                    }
                }
            } ],
            onClose : function() {
                if ($('#submittype').val() >= 2) {
                    location.href = pCloseLocation;
                    $('#submittype').val('0');
                }
            }
        });
    },
    roleditDialog : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            iconCls : "icon-save",
            width : pWidth,
            height : pHeight,
            buttons : [ {
                text : '提交',
                id : 'submit1',
                handler : function() {
                    $('#submittype').val('0');
                    $('#submit').click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                    if ($('#submittype').val() >= 2) {
                        location.href = pCloseLocation;
                        $('#submittype').val('0');
                    }
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    editDialog : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '提交',
                id : 'submit1',
                handler : function() {
                    $('#submittype').val('0');
                    $('#submit').click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                    if ($('#submittype').val() >= 2) {
                        location.href = pCloseLocation;
                        $('#submittype').val('0');
                    }
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    editDialog3 : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '提交',
                id : 'submit1',
                handler : function() {
                     $('#btnSubmit').click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    // 首次登录弹出密码修改框
    pwdDialog : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg3"  class="easyui-dialog" style="padding: 10px;"></div>';
        $(html).dialog({
            title : pTitle,
            modal : true,
            closeOnEscape : false,
            href : pUrl,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '提交',
                id : 'submit1',
                handler : function() {
                    $('#submittype').val('0');
                    $('#submit').click();
                }
            } ]
        });
    },
    viewDialog : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            height:pHeight,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    viewDialog2 : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            iconCls : "icon-save",
            width : pWidth,
            height : pHeight,
            buttons : [ {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    viewDialog1 : function(pWidth, pTitle, pUrl) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : 10,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    viewDialog3 : function(pWidth,pHeight,  pTitle, pUrl) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            top : $("#center").offset().top + 50,
            href : pUrl,
            iconCls : "icon-save",
            width : pWidth,
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    // 弹出层显示查看消息
    alertDialog : function(pWidth, pHeight, pTitle, pContent, pCloseLocation,
            isClose) {
        var html = '<div class="dialog" id="dlg">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:10px;margin-left:40px;margin-bottom:10px;">'
                + pContent + '  </div>' + '</div>';
        $("#dlg").dialog("close");
        $("#dlg").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '关闭',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg").dialog("close");
                    $("#dlg").dialog("destroy");
                    if (isClose || typeof (isClose) == "undefined") {
                        if ($('#submittype').val() == 0) {
                            location.href = pCloseLocation;
                            $('#submittype').val('');
                        }
                    }
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    // 弹出层自动消失
    autoCloss : function(pWidth, pHeight, pTitle, pContent) {
//        var html = '<div class="dialog" id="dlg">'
//                + '  <div class="ui-icon ui-icon-alert" style="margin-top:20px;margin-left:40px;margin-bottom:10px;">'
//                + pContent + '  </div>' + '</div>';
//        $(html).dialog({
//            title : pTitle,
//            modal : true,
//            iconCls : "icon-edit",
//            width : pWidth,
//            height : pHeight,
//            // top :$("#center").offset().top+50,
//            timeout : 1300,
//            close : function(event, ui) {
//                $(this).dialog("destroy"); // 关闭时销毁
//            }
//        });
        var t = 1000; 
        $(".datagrid-mask,.datagrid-mask-msg").hide(); 
        dialog.loadding(320, 120, pContent); 
        
        var timer = window.setInterval(function() { 
            $(".datagrid-mask,.datagrid-mask-msg").hide(); 
            $("#dlg2").dialog("close");
            $("#dlg2").dialog("destroy");
            $("#dlg2").dialog("close");
            $("#dlg2").dialog("destroy");
            $("#dlg3").dialog("close");
            $("#dlg3").dialog("destroy");
            window.clearInterval(timer); // 时间到了清除计时器
        }, t);
    },
    // 弹出层自动消失并且刷新页面
    autoCloss1 : function(pWidth, pHeight, pTitle, pContent, flag,
            pCloseLocation, isClose) {
//        var html = '<div class="dialog" id="dlg">'
//                + '  <div class="ui-icon ui-icon-alert" style="margin-top:20px;margin-left:40px;margin-bottom:10px;">'
//                + pContent + '  </div>' + '</div>';
//        $(html).dialog({
//            title : pTitle,
//            modal : true,
//            iconCls : "icon-edit",
//            width : pWidth,
//            height : pHeight,
//            // top :$("#center").offset().top+50,
//            timeout : 500,
//            close : function(event, ui) {
//                $(this).dialog("destroy"); // 关闭时销毁
//            }
//        });  
        var types=$("#submittype").val();
        if (types != "0" && types!=undefined && types.length!=0 ) { // 是否是提交并继续
            resetFormAndClearValidate(".registerform");  
        }else{
            if (false) {
                $("#dlg2").dialog("close");
                $("#dlg2").dialog("destroy");
                $("#dlg2").dialog("close");
                $("#dlg2").dialog("destroy");
                $("#dlg3").dialog("close");
                $("#dlg3").dialog("destroy");
            } 
            $("#dlg").dialog("close");
            $("#dlg").dialog("destroy"); 
            var timer = window.setInterval(function() {
                if(pContent!=null && pContent.indexOf("成功")==-1)
                    dialog.loadding(320, 120, pContent);
                $(".datagrid-mask,.datagrid-mask-msg").hide(); 
                window.clearInterval(timer); // 时间到了清除计时器
                if (flag) { 
                    if ($("#submittype").val() == "0" || $("#submittype").length==0) { // 是否是提交并继续
                        location.href = pCloseLocation;
                    } else {
                        resetFormAndClearValidate(".registerform");
                    }
                }
            }, 1000);
        }
    },
    autoCloss3 : function(pWidth, pHeight, pTitle, pContent, flag,pCloseLocation) {
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $("#dlg3").dialog("close");
        $("#dlg3").dialog("destroy");            
        $("#dlg").dialog("close");
        $("#dlg").dialog("destroy"); 
        dialog.loadding(320, 120, pContent);
        var timer = window.setInterval(function() {        
            $(".datagrid-mask,.datagrid-mask-msg").hide(); 
            window.clearInterval(timer); // 时间到了清除计时器
            if (flag) 
                location.href = pCloseLocation;
        }, 1000);
    },
    // 修改密码弹出层自动消失
    autoCloss2 : function(pWidth, pHeight, pTitle, pContent) {
        var html = '<div class="dialog" id="dlg">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:20px;margin-left:40px;margin-bottom:10px;">'
                + pContent + '  </div>' + '</div>';
        $(html).dialog({
            title : pTitle,
            modal : true,
            iconCls : "icon-warning",
            width : pWidth,
            height : pHeight,
            // top :$("#center").offset().top+50,
            timeout : 500,
            close : function(event, ui) {
                $(this).dialog("destroy"); // 关闭时销毁
            }
        });
        var timer = window.setInterval(function() {
            $("#dlg").dialog("close");
            $("#dlg").dialog("destroy");
            $("#dlg2").dialog("close");
            $("#dlg2").dialog("destroy");
            $("#dlg3").dialog("close");
            $("#dlg3").dialog("destroy");
            window.clearInterval(timer); // 时间到了清除计时器
        }, 2000);
    },
    confirmLock : function(pWidth, pHeight, pTitle, pContent, pId) {
        var html = '<div class="dialog" id="dlg2">'
                + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:60px;margin-bottom:10px;">'
                + pContent + '  </div>' + '</div>';
        $(html).dialog(
                {
                    title : pTitle,
                    modal : true,
                    iconCls : "icon-edit",
                    top : $("#center").offset().top + 50,
                    width : pWidth,
                    buttons : [
                            {
                                text : '确定',
                                id : 'delSure',
                                iconCls : 'icon-ok',
                                handler : function() {
                                    $("#form1").attr(
                                            "action",
                                            $("#form1").attr("action")
                                                    + "/lock/" + pId);
                                    $("#form1").submit();
                                }
                            }, {
                                text : '取消',
                                iconCls : 'icon-cancel',
                                handler : function() {
                                    $("#dlg2").dialog("close");
                                    $("#dlg2").dialog("destroy");
                                }
                            } ],
                    close : function(event, ui) {
                        $(this).dialog("destroy"); // 关闭时销毁
                    }
                });
    },
    viewpermissions:function(pWidth, pHeight, pTitle, pUrl) {        
        var html ='<div id="dlg3" class="easyui-dialog" style="padding: 10px;"></div>';            
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl, 
            iconCls : "icon-save",
            width : pWidth,
            height: pHeight,
            buttons : [{
                text : '关闭',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg3").dialog("close");
                    $("#dlg3").dialog("destroy");                        
                }
            }],
            close: function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    importDialog : function(pWidth, pHeight, pTitle, pUrl, pCloseLocation) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '提交',
                id : 'submit1',
                handler : function() {
                    $('.submit').click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                    if ($('#submittype').val() >= 2) {
                        location.href = pCloseLocation;
                        $('#submittype').val('0');
                    }
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    releaseDialog : function(pWidth, pHeight, pTitle, pUrl) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            buttons : [ {
                text : '上传并发布',
                id : 'submit1',
                handler : function() {
                    $('.submit').click();
                }
            }, {
                text : '取消',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy");
                }
            } ],
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },
    forgotDialog : function(pWidth, pHeight, pTitle, pUrl) {
        var html = '<div id="dlg2" class="easyui-dialog" style="padding: 10px;"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            top : $("#center").offset().top + 50,
            iconCls : "icon-save",
            width : pWidth,
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    },loadding : function (pWidth, pHeight, content) {
        $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");
        $("<div class=\"datagrid-mask-msg\"></div>").html(content).appendTo("body")
        .css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,"z-index":9999,top:($(window).height() - 45) / 2});
    },Lock : function(pContent,ID) {
        var html = '<div class="dialog" id="dlg2" data=\'123123123123123123\'>'
            + '  <div class="ui-icon ui-icon-alert" style="margin-top:30px;margin-left:20px;">'
            +pContent+ '  </div>' + '</div>';
            $("#dlg2").dialog("close");
            $("#dlg2").dialog("destroy");
            $(html).dialog(
            {
                title : '操作提示',
                modal : true,
                iconCls : "icon-edit",
                width : 300,
                height : 150,
                buttons : [
                        {
                            text : '确定',
                            id : 'delSure',
                            iconCls : 'icon-ok',
                            handler : function() {
                                lock(ID);
                            }
                        }, {
                            text : '取消',
                            iconCls : 'icon-cancel',
                            handler : function() {
                                $("#dlg2").dialog("close");
                                $("#dlg2").dialog("destroy");
                            }
                        } ],
                close : function(event, ui) {
                    $(this).dialog("destroy"); // 关闭时销毁
                }
            });
    },
    showFlash:function(pWidth, pHeight, pTitle, pUrl) {        
        var html ='<div id="dlg2" class="easyui-dialog"></div>';
        $("#dlg2").dialog("close");
        $("#dlg2").dialog("destroy");
        $(html).dialog({
            title : pTitle,
            modal : true,
            href : pUrl,
            height:pHeight,
            iconCls : "icon-edit",
            width : pWidth, 
            buttons : [{
                text:'不再提醒',
                id:'submit1',
                handler:function(){ 
                    $('#submit').click();
                }                
            }, {
                text : '关闭',
                iconCls : 'icon-cancel',
                handler : function() {
                    $("#dlg2").dialog("close");
                    $("#dlg2").dialog("destroy"); 
                }
            }],
            close: function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
            }
        });
    }
}

转载于:https://my.oschina.net/u/780876/blog/518214

weixin_33974433
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
控制dialog 的大小按屏幕大小的百分比设置
fydsw1314的专栏
10-22 3906
layout_dialog.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@d
easyUI dialog打开对话框，显示列表数据，选取一条数据操作后赋值给父窗口 resultMap声明为全局，生成getset方法...
weixin_33695082的博客
01-03 541
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %> <%@ include file="/jsp/common/commonfile.jsp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//E...
JQuery EasyUI dialog弹出框的 close 和 destroy
nice_xiaoshi的博客
05-28 1532
开发项目中（使用JQuery EasyUI），根据业务需要重叠弹出多个提示框的情况，会出现如下情况：页面出现两个div模块调用同一个弹出页面，页面的数据接受框元素不能实时存储数据解决方案： 　　　　使用$(this).dialog('close');来关闭dialog时，仅仅是隐藏，而不会完全消失，如果此时，另外一个按钮或者请求也需要弹出dialog时，页面上面会出现两个相同的dialog，...
如何使用easyui里面的table列宽按照百分比来显示
weixin_38168322的博客
09-17 533
如何使用easyui里面的table列宽按照百分比来显示。 直接贴代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Validate Password - jQuery EasyUI Demo</title> ...
EasyUi Dialog 弹窗自动调整大小
xiaoxl084520的博客
12-26 8246
有的时候弹框需要根据浏览器大小变化来自适应大小，这样可以提供给用户很好的浏览体验 实现方式如下： //最小宽度及高度及显示的比例按照自己需要更改 function initDialogArea(obj,minWidth,minHeight) { if (obj != null) { var flag = $(obj).data(&amp;quot;flag&amp;quot;); if (fl...
Easyui通过Dialog打印.rar
12-21
在IT领域，EasyUI是一个基于jQuery的前端框架，它提供了丰富的UI组件，如DataGrid、Dialog等，用于构建用户界面。本示例聚焦于如何在EasyUI中利用Dialog组件实现内容打印功能。以下是对这个主题的详细阐述： 首先，...
Easyui使用Dialog行内按钮布局的实例
08-29
其中，Dialog是Easyui中的一种常用的控件，用于弹出对话框。今天，我们来讨论Easyui使用Dialog行内按钮布局的实例。 首先，我们来了解一下Dialog控件。Dialog控件是Easyui中的一种常用的控件，用于弹出对话框。它...
jQuery前端框架easyui使用Dialog时bug处理
10-25
本文介绍了在jQuery前端框架easyui开发UI时，使用Dialog时发现遮罩无法覆盖页面内容，而且对话框也显示不出来，经过一番研究，才发现问题所在，这里分享给大家，有相同情况的小伙伴可以参考下
在次封装easyui-Dialog插件实现代码
09-05
在给定的标题和描述中，我们关注的是 EasyUI 的 Dialog 插件的次封装。Dialog 是 EasyUI 提供的一个模态对话框组件，用于展示信息、获取用户输入或者执行特定操作。 次封装通常指的是对已有功能进行扩展或定制，以...
Easyui使用Dialog打印
05-20
在IT行业中，EasyUI是一个基于jQuery的前端框架，它提供了丰富的UI组件，如DataGrid、Dialog等，使得开发者能够快速构建用户界面。本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容，并实现对其内容的...
easyui-window弹窗百分比大小设置
weixin_43146727的博客
01-04 2794
关于easyui-window这个弹窗大小，这东西大小设置成百分比之后它不生效，直接缩成一团团，在最开始碰到这问题的时候，我第一反应是在弹窗外面加一个div，将div大小设置成百分比，然后给easyui-window加一个fit:true也就是适应父容器的属性，后面就发现一个问题，就是关闭标签时候window关了，但是它外面那个div没有关闭，然后你就点不动被这个div罩住的内容，我有开始想了，w...
使用Jquery EasyUi常见问题解决方案
weixin_34228617的博客
12-21 283
/***清空指定表单中的内容,参数为目标form的id*注：在使用Jquery EasyUI的弹出窗口录入新增内容时，每次打开必须清空上次输入的历史*数据，此时通常采用的方法是对每个输入组件进行置空操作:$("#name").val(""),这样做，*当输入组件比较多时会很繁琐，产生的js代码很长，这时可以将所有的输入组件放入个form表单*中，然后调用以下方法即可。**@param formId...
去空格、indexOf
weixin_30457465的博客
08-07 182
data = data.trim(); data = data.replace(/\n/g, ''); data = JSON.parse(data) //indexOf检测是否含有ERROR字符 if (data.indexOf('ERROR') > -1){ 　　console.log(data) }else{ 　　$('.tb...
Jquery easyUI dialog的close和destroy
热门推荐
貌似君子的专栏
03-09 7万+
之前在用easyUI的时候遇到一个问题，一直困扰着我。问题：使用dialog来实现保存和编辑框，使用dialog.(“close”)来关闭dialog框，这个时候如果有两个页面的保存页面的表单的字段相同时，这两个表单的东西就会混乱。要不就是保存时打不开，要不就是编辑页面打开数据初始化不了。解决思路：使用close的方法来关闭dialog时，此dialog并不是完全消失，只是隐藏起来了而已。当另外一个
destroy重新打开 eayui_easyui之dialog destroy 和close
weixin_39655689的博客
12-21 494
easyui dialog生成有两种方式(以我现在的认知水平)，一种是在页面上固定一个dialog;一种是生成"临时"的dialog，对窗口的隐藏操作有两种方式：close\destroy,这两种方式的初始化和关闭是不完全一样的，且看我分开描述，再总结一下。1、固定位置：(1)初始化代码：data-options="modal:true,closed:true,href:'maintain/det...
easyUI dialog的close和destroy区别
yb305
03-24 6190
之前在用easyUI的时候遇到一个问题，一直困扰着我。 问题： 使用dialog来实现保存和编辑框，使用dialog.(“close”)来关闭dialog框，这个时候如果有两个页面的保存页面的表单的字段相同时，这两个表单的东西就会混乱。要不就是保存时打不开，要不就是编辑页面打开数据初始化不了。 解决思路： 使用close的方法来关闭dialog时，此dialog并不是完全消
easyui重置dialog里面的内容
最新发布
05-25
要重置 EasyUI Dialog 中的内容，可以使用以下代码： ```javascript $('#dialog').dialog('clear'); // 清空表单内容 $('#dialog').form('reset'); // 重置表单为初始值 ``` 其中，`#dialog` 是 Dialog 的选择器，`clear` 方法用于清空 Dialog 内的表单内容，`form` 方法用于重置表单为初始值。如果你只想清空表单而不重置为初始值，可以只使用 `clear` 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值