EasyUI dialog
注意事项,dialog虽然加载的是其他页面,但是却不是以iframe的形式加载的,因此页面内的DOM里面是看不到ifrmae的影子的
$("#add_dialog").dialog({ "title": "私有域详细信息", width: 455, height: 170, cache: false, //禁用后就不会出现第二次点击添加弹出框自动验证表单错误 或用下面main的 refreash方法也可 modal: true, //是否显示遮罩层 loadingMessage: '内容加载中...', href: 'AddDomain.aspx', onLoad: function () { //加载完成 $('#form_add').form('clear'); //清空表单内数据 //$('#add_dialog').dialog('refresh', 'MenuDetail.aspx'); //刷新当前dialog的内容 防止后面的验证信息 莫名出现在父页面上 $("#txt_D_PrivateDomainName").val(node.text); $("#txt_D_ParentDomainID").val(node.attributes.ParentID); } }); $('#add_dialog').dialog('open'); //打开添加对话框
dialog嵌套iframe页面:
前台代码
<div id="AMS_dialog" class="easyui-dialog" closed="true" buttons="#add_dialog-buttons" style="padding:5px;overflow-x:hidden;"> </div>
JS代码:
$("#AMS_dialog").dialog({ title: "历史信息", width: 820, height: 580, cache: false, loadingMessage: '内容加载中...', content: '<iframe src="' + url + '" width="100%" height="100%" frameborder="0"></iframe>', //在Content里面嵌套iframe即可、 onLoad: function () { } }); $('#AMS_dialog').dialog('open'); //打开添加对话框