Question

急求!!!!实现jquery datatable翻页的代码

这是datatables中文网的例子,很想知道下端的分页是如何实现的
怎么在多个页面加入表格?我点击next页面url并没有变化,应该是控制DIV实现的,但不知怎么实现

Answer 1

分类是有插件根据 数据条数 和每页显示条数 自动计算出来然后动态生成的翻页代码，生成的翻页代码都绑定了他们自己的事件，肯定不能实现url 那种跳转方式翻页啊。都是动态无刷新翻页的。

实例代码里：

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
} );

表示在左上角那个 选择每页多少条数据：分为10，25，50条/页，和不分页显示全部。

你查询一下datatable.js里源代码就明白了（通过以他动态生成元素的class 和id去源代码里找就能明白他的工作原理了）

h.extend(p.ext.classes,{sTable:"dataTable",sNoFooter:"no-footer",sPageButton:"paginate_button",sPageButtonActive:"current",sPageButtonDisabled:"disabled"......

至于你说的多个页面加入表格，这点没太懂。 一个页面加多个表格倒是简单就是是个粘贴复制的事情，不同的表格用不同的id，然后通过$("#id").daraTable 就可以 了