189 8069 5689
jquery动态实现表格分页的方法是利用自带的分页插件jQuery.page.js。
创新互联-专业网站定制、快速模板网站建设、高性价比珲春网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式珲春网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖珲春地区。费用合理售后完善，10余年实体公司更值得信赖。
下面是使用方法：
$(".tcdPageCode").createPage({
pageCount:10,
current:1,
backFn:function(p){
//单击回调方法，p是当前页码
}
});
pageCount：总页数
current：当前页
实现分页的tab如下：
div class="tcdPageCode"
span class="disabled"上一页/span
span class="current"1/span
a href="javascript:;" class="tcdNumber"2/a
a href="javascript:;" class="tcdNumber"3/a
a href="javascript:;" class="tcdNumber"4/a
span.../span
a href="javascript:;" class="tcdNumber"6/aa href="javascript:;" class="nextPage"下一页/a/div
实现效果：
1、使用简单、扩展方便。
2、表格样式可自定义，只需修改相应的CSS样式即可。
3、支持行点击事件自定义。
4、支持复选框选择行。
5、执行列排序（支持数字、日期时间、英文、汉字等）。
6、支持自定义行按钮及按钮事件（如编辑、删除按钮等）
7、支持自定义数据的显示样式（根据当前数据或当前行数据）
8、支持分页显示数据，且在插件内部实现分页处理。
二、使用说明
该插件的使用，基本只需两个步骤即可，一个是表格的声明（创建），然后就是数据的加载。
1、表格的声明（创建）
var objTable = new HyTable({
columns: [
{name: '姓名', mapping: 'username', type: 'string', width: '100', allowSort: true, renderer: function(val){return val;}}
], //(array)列信息
emptyMsg: "暂无数据", //(string)无数据时的提示信息
renderTo: "", //(string)表格容器，必须是HTML元素的ID属性值
model: 'remote', //(string)模式，远程(remote)or本地(local)
url: '', //(string)远程模式的获取数据的url地址
allowPaging: true, (bool)//是否分页
pageSize: 20, //(int)每页显示的行数
checkSelected: false, //(bool)复选框选择
selectedField: "", //(string)复选框选中字段
stripeRows: false, //(bool)是否启用隔行变色 默认不启用
onRowClick: null //(function)行点击事件
});
2、表格数据的加载
objTable.loadData(1,data);//第一个参数为加载页的页索引，第二个参数有两种情况，1：如果参数内容是JSON对象，则表示是查询的查询条件，如果是数据，则表示直接加载本地数据到表格中。
1、首先新建html文档，向下查找兄弟标签：.next()。
2、jquery支持链式操作，向下查找兄弟标签的兄弟标签：.next().next()。
3、接着向下查找所有兄弟标签：nextAll()，向下查找一直找到某个条件为止：nextUntil('条件')。
4、向上查找兄弟标签：.prev()，向上查找所有兄弟标签：prevAll()，向上查找一直找到某个条件为止：prevUntil('条件')。
5、最后查找父标签：parent()，查找所有父标签：parents()，如果没有人拦着，会一直找找到最上面的父标签（没什么用），条件满足时停止查找：parentsUntil('body') 。