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('open');