easyui的dialog

 

代码：

<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');    
                    }
                    return isValid;    
                },
                success: function(data){
                    $.messager.progress('close');
                    $.messager.alert('系统提示', data, 'info');
                    var ip = $('#ip').val();
                    loaddata(ip);
                    $('#titledialos').dialog('close');
                }
            });
            }
            });
            }
    },
    {
        text: '取消',
        iconCls:'icon-cancel',
        handler: function(){
            $('#titledialos').dialog('close');
        }
    }
]" 
            style="width:450px;height:380px;padding:30px;">
        <form id="addForm"  method="post">
            <table class='servertable'>
                <tr>
                    <td style="text-align: right;font-size: 15px">IP：</td>
                    <td>&nbsp;<input class="easyui-textbox" id="add_ip" 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;" data-options="editable:false" name='ipConfig.stime' required="true" 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;" data-options="editable:false" name='ipConfig.etime' required="true" id="etime"/></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>
        </form>
    </div>

 

来源：https://www.cnblogs.com/raitorei/p/9877870.html