几年前有写过一个js分页插件传到github上,插件主要做了页码的生成。但实际开发中,其实还可以把表格生成一起做了,能减少很多重覆的工作。于是写了新的js分页插件,增加表格生成。
插件依赖jquery,表格需严格按规范,显示数据应该用tbody包含起来,变量声名如图:
使用方法:
html结构:
<form id="frm"></from> <table id="tab"> <thead> <tr class="text-c"> <th name="proposer">申请人</th> <th name="merchant">商家</th> <th name="merAgent">商家所属代理</th> <th name="orderAmount">消费金额(元)</th> <th name="downPayment">首付金额(元)</th> <th name="installmentAmount">分期金额(元)</th> <th name="installmentMonth">分期数</th> <th name="orderStatus">订单状态</th> <th name="verifyTime">审核日期</th> <th name="opt">操作</th> </tr> </thead> <tbody id="recorder"> </tbody> </table> <div id="paging"></div>
js调用:
var paging = new Paging("传入表单id", "表格id", "显示页码信息的div"); jquery.setQueryFun = function(page) { // 查询实现 } paging.query(); // 执行查询
该插件可以灵活扩展,自定义生成表格或样式。由于代码都有注释,这里只附上图简单说明:
源码下载:paging
发表回复