jquery怎么动态实现表格分页

Question

如题所述

Answer 1

jquery动态实现表格分页的方法是利用自带的分页插件jQuery.page.js。

下面是使用方法：

$(".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</a><a href="javascript:;" class="nextPage">下一页</a></div>

实现效果：

Answer 2

利用Ajax获取服务器数据，实现分页功能。

ajax请求代码：

$.ajax({
    type: "post",
    contentType: "application/json",
    url: "../Backstage/AdminService.asmx/GetAdminList",
    data: JSON.stringify({ Name: user}),
    success: function (result) {
        var json = eval('(' + result.d + ')');
        reTB(json.ds);
    },
    error: function (response) {
        var r = jQuery.parseJSON(response.responseText);
        alert("Message: " + r.Message);
    }
})

在表格下面放置按钮“上一页”、“下一页”，当点击的时候执行上面的请求代码，再将返回的数据填充到表格中。

POST方法可以是多样的，你可以写到aspx页面的后台进行处理，也可以建一个一般处理程序，WCF、服务器引用等。

提示：当你点击下一页的时候肯定要判断当前的页面是第几页，所以在页面中要进行保存。

如有不明之处，请继续追问，望采纳！

本回答被提问者和网友采纳