首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jquery Datatables中使用Ajax进行分页

在jquery Datatables中使用Ajax进行分页
EN

Stack Overflow用户
提问于 2011-06-06 20:25:24
回答 4查看 66.4K关注 0票数 12

我正在使用dataTables插件在我正在处理的页面上创建一个表格。它基本上是通过一个ajax调用来获取行,在这个ajax调用中,我发送了用户选择的搜索参数和所需的页码。我需要Next、Previous、First和Last按钮来触发相同的ajax调用,但使用不同的页码,因为后端拦截器依赖于页码。

此api调用将返回total no。属于这些搜索参数的行(比如1000行)和具有页面大小的行(比如50行)。

有没有办法,我可以使用数据表来做这件事?

EN

回答 4

Stack Overflow用户

发布于 2012-03-25 13:16:51

是的,你可以完成这个,我已经在很多网站上完成了。关键是使用如下代码正确初始化datatable:

代码语言:javascript
运行
复制
var oTable = "";

$(document).ready(function() {
    oTable = $('#htmltableID').dataTable({
        "sPaginationType": "full_numbers",
        "bServerSide": true,
        "sAjaxSource": "/script-to-accept-request.php",
        "sServerMethod": "POST",
        "iDisplayLength": 50
    });
}

页面加载后,它将向指定的源发送POST请求。默认情况下,请求使用GET方法,但我选择post该值。

您可以通过引用http://www.datatables.net/release-datatables/examples/server_side/custom_vars.html来添加要包括在缺省集中的自定义变量

接受请求的服务器端代码必须在页面更改时处理iDisplayStart变量。这从0开始,然后随每页增加iDisplayLength值。Oliver给出的示例包含了一个PHP服务器端的示例,因此这对复习非常有帮助。

票数 6
EN

Stack Overflow用户

发布于 2011-06-06 20:37:34

是的,你可以这样做,

首先,详细了解一下here

然后检查API以正确显示您想要的按钮等。

我在一个非常大的项目中使用了相同的插件,它工作得非常完美。

我在我的表中使用的配置类型如下

代码语言:javascript
运行
复制
$("#mytable").dataTable({"bJQueryUI": true,"sPaginationType": "full_numbers"}); 
票数 4
EN

Stack Overflow用户

发布于 2012-03-25 13:27:41

我在Server-Side Paging with PetaPoco and DataTables上写了一篇博文,并在GitHub上放了一个相应的示例ASP.NET MVC3 in C# solution

我没有看到对您的服务器端语言的引用,但是C#解决方案演示了从DataTables接收ajax POST、查询数据库和格式化DataTables的Json响应以处理响应的服务器端Json交互。

希望这能有所帮助。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6251950

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档