easyui-dialog弹出层

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