1.html代码
<div id="query" fit="true" closed="true" class="easyui-dialog" title="详情" data-options="iconCls:'icon-save'" style="width:400px;height:300px;padding:10px"> <table id="dg" class="easyui-datagrid" data-options="fitColumns:true,fit:true"> <thead> <tr> <th width="30px" data-options="field:'',align:'center'">序号</th> <th width="30px" data-options="field:'',align:'center'">标题1</th> <th width="30px" data-options="field:'',align:'center'">标题2</th> <th width="30px" data-options="field:'',align:'center'">标题3</th> <th width="30px" data-options="field:'',align:'center'">标题4</th> <th width="30px" data-options="field:'',align:'center'">标题5</th> <th width="30px" data-options="field:'',align:'center'">标题6</th> <th width="30px" data-options="field:'',align:'center'">标题7</th> <th width="30px" data-options="field:'',align:'center'">标题8</th> </tr> </thead> </table> </div>2.在点击事件中加入代码
$('#query').dialog('open');3.对应点击事件 重点：
弹出： $('#query').window('open'); 关闭： $('#query').window('close');