我正在使用dataTables插件在我正在处理的页面上创建一个表格。它基本上是通过一个ajax调用来获取行,在这个ajax调用中,我发送了用户选择的搜索参数和所需的页码。我需要Next、Previous、First和Last按钮来触发相同的ajax调用,但使用不同的页码,因为后端拦截器依赖于页码。
此api调用将返回total no。属于这些搜索参数的行(比如1000行)和具有页面大小的行(比如50行)。
有没有办法,我可以使用数据表来做这件事?
发布于 2012-03-25 13:16:51
是的,你可以完成这个,我已经在很多网站上完成了。关键是使用如下代码正确初始化datatable:
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服务器端的示例,因此这对复习非常有帮助。
发布于 2011-06-06 20:37:34
是的,你可以这样做,
首先,详细了解一下here
然后检查API以正确显示您想要的按钮等。
我在一个非常大的项目中使用了相同的插件,它工作得非常完美。
我在我的表中使用的配置类型如下
$("#mytable").dataTable({"bJQueryUI": true,"sPaginationType": "full_numbers"});
发布于 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交互。
希望这能有所帮助。
https://stackoverflow.com/questions/6251950
复制相似问题