EasyUI基本格式

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>标题</title>
    <script type="text/javascript">
        //js方法
    </script>
</head>
<body>
    <!--rownumbers行数 
    fitcolumns依据配置列width和datagrid的指定width来重新结算此列的宽度
    toolbar工具栏 
    pagination页码 
    pageSize每页记录数
    singleSelect单选
    -->
<table id="dg" title="列表标题" class="easyui-datagrid" fit="true"
            rownumbers="true" fitcolumns="true" toolbar="#toolbar_tb" pagination="true"
            singleSelect="true" url="xxx/xxx/xxx1.do">
            <thead>
                <tr>
                    <th field="cb" checkbox="true" align="center">
                        选择
                    </th>
                    <th field="id" align="center" width="50" sortable="true">
                        编码
                    </th>
                    <th field="name" align="center" width="50" sortable="true">
                        名字
                    </th>
                    <th field="is_lock" align="center" width="50" sortable="true" formatter="formatShow">
                        是否锁定
                    </th>
                    <th field="add_by" align="center" width="100" sortable="true">
                        添加人
                    </th>
                    <th field="add_time" align="center" width="150" sortable="true">
                        添加时间
                    </th>
                </tr>
            </thead>
        </table>
        <div id="toolbar_tb">
            //工具栏
        </div>
</body>
</html>       

猜你喜欢

转载自www.cnblogs.com/ynhk/p/9254171.html