EasyUI Dialog 对话框默认不弹出和关闭清空对话框内容

EasyUI中文网： http://www.jeasyui.net/plugins/181.html

默认不弹出：closed:true

模式化窗口(有遮罩)：modal:true

<div class="easyui-dialog" style="width:600px;height:300px"
        data-options="title:'My Dialog',modal:true,closed:true,
            buttons:[{
                text:'Save',
                handler:function(){...}
            },{
                text:'Close',
                handler:function(){...}
            }]">
    Dialog Content.
</div>

调用代码：

$('#titledialos').dialog('close'); 

<div id="titledialos" class="easyui-dialog" title="××××" 
        data-options="closed:true,iconCls: 'icon-save',buttons: [
    {    
        text: '保存',
        iconCls:'icon-ok',
        handler: function(){
        $.messager.confirm('系统提示', '您确定要添加吗？', function(r){
          if (r) {
            $('#addForm').form('submit', {
                url: 'config/addIpConfig.action',
                onSubmit: function(){
                    var isValid = $(this).form('validate');
                    if (!isValid){
                        $.messager.progress('close');    
                    }
                    if($('#times').prop('checked')){
                        var p = /^(1?[0-9]|2[0-3])$/;
                        var stimes = $('#stimes').val().trim();
                        var etimes = $('#etimes').val().trim();
                        if(!p.test(stimes) || !p.test(etimes)){
                            $.messager.alert('提示','时间请输入0-23');
                            isValid = false;
                        }
                    }
                    return isValid;    
                },
                success: function(data){
                    $.messager.progress('close');
                    $.messager.alert('系统提示', data, 'info');
                    var ip = $('#ip').val().trim();
                    loaddata(ip);
                    $('#titledialos').dialog('close');
                }
            });
            }
            });
            }
    },
    {
        text: '取消',
        iconCls:'icon-cancel',
        handler: function(){
            $('#titledialos').dialog('close');
        }
    }
]" 
style="width:550px;height:480px;padding:20px;">
        <form id="addForm"  method="post">
            <table class='servertable'>
                <tr>
                    <td style="text-align: right;font-size: 15px">：</td>
                    <td>&nbsp;<input class="easyui-textbox" id="add_ip" style="width: 158px;" type="text" name="ipConfig.ip" data-options="required:true"></input>
                    <a href="javascript:void(0)" class="easyui-linkbutton" id="getConfig" iconCls="icon-search">查询</a></td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">：</td>
                    <td class="config" style="font-size: 15px">&nbsp;请输入IP查询</td>
                </tr>
                   <tr>
                    <td style="text-align: right;font-size: 15px">：</td>
                    <td>&nbsp;<input class="easyui-datetimebox" style="width: 220px;" name='ipConfig.stime' validType="date" invalidMessage="请填写正确的日期" id="stime"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">：</td>
                    <td>&nbsp;<input class="easyui-datetimebox" style="width: 220px;" name='ipConfig.etime' id="etime"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 16px">：</td>
                    <td>&nbsp;<input class="easyui-textbox" type="text"  style="width: 220px;" name='ipConfig.intervalTime' id="intervalTime"/>(分)</td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 16px"><input id="times" type="checkbox" onclick="fssjd()" name="ipConfig.timesSwitch" value="1">：</td>
                    <td>&nbsp;<input class="easyui-textbox" type="text" data-options="disabled:true" style="width: 83px;" name='ipConfig.stimes' id="stimes"/>点    至<input class="easyui-textbox" type="text" data-options="disabled:true" style="width: 83px;" name='ipConfig.etimes' id="etimes"/>点(输入0-23)</td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">：</td>
                     <td>
                        &nbsp;<input id="bz" name="ipConfig.remark" class="easyui-textbox" type="text" style="width:220px;height:100px" required="true" data-options="multiline:true"></input>
                    </td>
                </tr>
            </table>
            <input id="index" name="ipConfig.ip_add" type="hidden"/>
        </form>
    </div>

清空代码：

$("#titledialos").dialog({
        onClose: function () {
            $('#add_ip').textbox('setValue','');
            $('#stime').datetimebox('setValue', '');
            $('#etime').datetimebox('setValue', '');
            $('.config').html('××××');
            $('#bz').textbox('setValue','');
            $("#times").attr("checked",false);
            $("#stimes").textbox({disabled:true});
            $("#etimes").textbox({disabled:true});
            $("#stimes").textbox('setValue','');
            $("#etimes").textbox('setValue','');
            $("#intervalTime").textbox('setValue','');
        }
    });

 

转载于:https://www.cnblogs.com/raitorei/p/9877914.html