分页列表

分页列表可用于实现表格形式、多页方式的数据列表展现，分页列表由 数据表格 和 分页栏 组成。

数据表格使用 <table> 标签进行定义，必须设置 name 和 class 属性。 class 属性值固定为 table

分页栏使用后台标签 <zrar:pager> 进行定义， rel 属性必须与数据表格name 属性值保持一致， action 属性设置为分页查询地址

示例

普通分页列表

<!-- 数据表格 -->
<table name="demoGrid" class="table">
    <thead>
        <th id="userid" show="false"></th>
        <th id="userName">用户名</th>
        <th id="age">年龄</th>
    </thead>
</table>
<!-- 分页栏 -->
<zrar:pager action="${ctx}/demo/grid/normal" rel="demoGrid" />

高度自适应分页列表

<!-- 数据表格 -->
<table name="demoGrid" class="table" layoutH="0" >
    <thead>
        <th id="userid" show="false"></th>
        <th id="userName">用户名</th>
        <th id="age">年龄</th>
    </thead>
</table>
<!-- 分页栏 -->
<zrar:pager action="${ctx}/demo/grid/layoutH" rel="demoGrid" />

分页列表（含按钮组）

<!-- 数据表格 -->
<table name="demoGrid" class="table" layoutH>
    <thead>
        <th id="userid" show="false"></th>
        <th id="userName">用户名</th>
        <th id="age">年龄</th>
        <th id="_manager_" var="userid,userName"
            edit="[{action:'${ctx}/demo/grid/item/edit',target:'dialog',text:'编辑',rel:'user_edit'}]"
            view="[{action:'${ctx}/demo/grid/item/edit',target:'dialog',text:'详情',rel:'user_detail',size:{width:400,height:180}}]"
            delete="[{action:'${ctx}/demo/grid/item/delete',callback:'grid_demo.deleteCallback',text:'删除',title:'确认删除该记录吗?'}]"
            button="[{clicked:'grid_demo.itemClick',text:'自定义按钮'}]"
        >操作</th>
    </thead>
</table>
<!-- 分页栏 -->
<zrar:pager action="${ctx}/demo/grid/normal" rel="demoGrid" />

属性

<table>

注：关于layoutH、layoutTo属性的详细说明可查询 高度自适应组件 说明。

<th>

按钮组

上述属性的属性值支持单个JSON格式对象或JSON对象数组。

按钮组JSON对象属性

<zrar:pager>

方法

Grid对象

Grid对象方法