zoukankan      html  css  js  c++  java
  • EasyUI Dialog 对话框默认不弹出和关闭清空对话框内容

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

    默认不弹出:closed:true

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

    <div class="easyui-dialog" style="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="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=" 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=" 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=" 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=" 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=" 83px;" name='ipConfig.stimes' id="stimes"/>点    至<input class="easyui-textbox" type="text" data-options="disabled:true" style=" 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="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','');
            }
        });
  • 相关阅读:
    列表第一篇文档与其他文档不同样式
    当前栏目判断有无子栏目
    当前栏目文章数
    有关当前焦点的标签,只有我能理解
    给推荐一个标识
    附件下载次数
    收藏代码
    关联会员头像信息
    当前三级折叠菜单导航
    centos7 安装配置apache
  • 原文地址:https://www.cnblogs.com/raitorei/p/9877914.html
Copyright © 2011-2022 走看看