jquery怎么动态实现表格分页

 我来答
育知同创教育
2016-04-07 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

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>

实现效果:

隔壁的小说
推荐于2016-02-11 · TA获得超过666个赞
知道小有建树答主
回答量:219
采纳率:100%
帮助的人:115万
展开全部

利用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、服务器引用等。


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

如有不明之处,请继续追问,望采纳!

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式