分頁時,請填寫裝載分頁內容的元素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的高度自動計算表格寬度|