分页时,请填写装载分页内容的元素ID,如"pageid":"#page",然后服务端只需计算出总页数,用参数pages传回给前端,便可实现分页了,当用户点击第2页的时候,前端会传参数p=2,后台通过取得p参数的数据就可以获取当前页了,如果需要设计分页的大小,请在data-params中的data里设置参数,如"data":"pagesize=30",其它的事情请在后端完成
~~~
<script id="list-tpl" type="text/html" data-params='{"url":"/php/data.php","dataName":"articleCatData","pageid":"#page","tableWidth":"2200px"}'>
<table id="example" class="layui-table lay-even" data-name="articleCatData" data-tplid="list-tpl">
<thead>
<tr>
<th width="30"><input type="checkbox" id="checkall" data-name="checkbox" lay-filter="check" lay-skin="primary"></th>
<th width="60">序号</th>
<th>标题</th>
<th>连接</th>
<th width="70">排序</th>
<th width="80">审核</th>
<th width="152">操作</th>
</tr>
</thead>
<tbody>
{{# layui.each(d.list, function(index, item){ }}
<tr>
<td><input type="checkbox" name="checkbox" value="{{ item.id}}" lay-skin="primary"></td>
<td>{{ item.id}}</td>
<td>{{ item.title}}</td>
<td>{{ item.url}}</td>
<td><input type="text" class="layui-input ajax-blur" name="order" value="{{ item.id}}" data-params='{"url":"/php/test.php","data":"id=1&name=paco","loading":"false"}'> </td>
<td><input type="checkbox" name="switch" lay-skin="switch" lay-text="已审|未审" {{#if (item.switch){ }}checked="checked" {{# } }} lay-filter="ajax" data-params='{"url":"/php/test.php","confirm":"true","data":"id={{ item.id}}&name=paco","complete":"test"}'> </td>
<td>
<button class="layui-btn layui-btn-mini modal-iframe" data-params='{"content": "article-add.html", "title": "{{item.title}}","full":"true"}'>
<i class="iconfont"></i>编辑
</button>
<button class="layui-btn layui-btn-mini layui-btn-danger ajax" data-params='{"url": "/php/test.php","confirm":"true","data":"id=1&name=ni"}'>
<i class="iconfont"></i>删除
</button></td>
</td>
</tr>
{{# }); }}
</tbody>
</table>
</script>
~~~
#### data-params参数列表
| 参数 | 默认值 | 说明 |
| -------- | -------- | --------------- |
| method | get | ajax类型 |
| dataType | json | 服务器返回数据类型 |
| data | | 请求的参数 |
| url | | 请求数据的服务端地址URL |
| tplid | list-tpl | 模板的ID |
| listid | list | 视图ID |
| pageid | | 分页视图id,如果留空则不分页 |
| curr | 1 | 当前 |
| pages | 0 | 总页数,通过服务端获取 |
| dataName | | 用于缓存数据的名称,必须填写,请求成功将用此值为数据缓存的名称 |
|tableWidth| |这个是列表的宽度设置,用于移动端。如果为空,则根据tr的高度自动计算表格宽度|