easyui的dialog

时间:2021-04-09 05:54:50

代码:

<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>