对于JqueryEasyUI中dialog隐藏,只有点击按钮后才显示的书写方法

首先  在当前页面中书写隐藏的DIV
eg:<div id="roleDialog" style="display: none;overflow: hidden;">
<table id="roleTable" border="false"></table>
    </div>
这个地方要注意样式中要书写 display:none

然后在js中书写下面的代码
roleDialog = $('#roleDialog').show().dialog({
modal : true,
title : '关联角色',
modal: true,
closable: true,
draggable: true,
width: 250,
height: 300,
onClose:function(){

},
onOpen: function() {


}
}).dialog('close');


如果要展开这个Dialog  只需要在相应的按钮上添加如下事件方法
roleDialog.dialog('open');即可 

在Dialog中也可以添加tree、datagrud等数据列表     他们的数据加载可以写到OnOpen中

你可能感兴趣的:(jquery)