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> <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"> 请输入IP查询</td> </tr> <tr> <td style="text-align: right;font-size: 15px">:</td> <td> <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> <input class="easyui-datetimebox" style=" 220px;" name='ipConfig.etime' id="etime"/></td> </tr> <tr> <td style="text-align: right;font-size: 16px">:</td> <td> <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> <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> <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',''); } });