多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
分页时,请填写装载分页内容的元素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">&#xe653;</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">&#xe626;</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的高度自动计算表格宽度|