Easyui的分页

Easyui的分页

easyui的class的easyui-datagrid自带分页属性。可以直接用

属性：

标题	类型	描述
fitColumns	boolean	设置为 true，则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动。
singleSelect	boolean	设置为 true，则只允许选中一行。
rownumbers	boolean	设置为 true，则显示带有行号的列。
pagination	boolean	设置为 true，则在数据网格（datagrid）底部显示分页工具栏。
pageSize	number	当设置了 pagination 属性时，初始化页面尺寸。
pageNumber	number	当设置了 pagination 属性时，初始化页码。
striped	boolean	设置为 true，则把行条纹化。（即奇偶行使用不同背景色）
fitColumns	boolean	自适应大小，填充容器
url	string	方法位置返回为MyJsonResult.Json

 

 

 

 

 

 

 

 

 

 

 

 

 

<div id="DicId">
    <table id="tb_datagrid" class="easyui-datagrid"
           data-options="toolbar:'#DivId',
                            fitColumns:false,
                            singleSelect:false,
                            rownumbers:true,
                            pagination:true,
                            pageSize:20,
                            pageNumber:1,
                            striped:false,
                            fit:true,
                            total:100,
                            url: 'GetList'">
        <thead>
            <tr>
                <th data-options="field:'checked',checkbox:true"></th>
                <th data-options="field:'Id',width:120">Id</th>
                <th data-options="field:'Name',hidden:true">名字</th>
            </tr>
        </thead>
    </table>
</div>