Datatables.net 对于大数据集
Datatables.net for large data sets
我正在阅读 http://www.datatables.net/examples/data_sources/server_side.html and their examples but this is seriously tough to follow. Even https://datatables.net/manual/server-side 对示例很了解。
在我走上这条无法回头的路之前,有没有用过Datatables的朋友帮我确认一下:
我最终可能会得到一个包含数千条记录的大型数据集;我可以这样做吗?最初只加载前 10 条记录。然后如果用户点击 "Next page" 按钮,将显示记录 11-20,如果他们再次点击 "Next page",将显示 21-30,依此类推?每次从数据库加载(通过 ajax/webservice),因此对用户来说很快。
我可以让搜索栏搜索数据库中的整个数据集吗?我可能需要过滤大约 3 列(例如用户名、电子邮件地址、邮政地址)。
如果我能做到这两件事,那么 Datatables 就可以为我工作。因此,如果任何有经验的人都可以分享他们对上述问题的经验,那就太好了。谢谢。
同时回答 1 和 2:是的,这正是服务器端功能的工作原理,而且很容易实现。一个对象被发送到服务器端组件,其中包含有关要搜索的内容以及要搜索多少 return(等于您一次在页面上指定的元素数量)的信息,并且响应是 JSON 对象的数据只够一页。您只需在创建数据表时设置以下选项
"serverSide": true,
"ajax": "yourscript.php"
在此处查看他们提供的示例:http://www.datatables.net/examples/data_sources/server_side.html
拉起 chrome inspector/firebug 并查看网络选项卡。您可以看到每次页面和搜索时来回发送的有效负载(数据表负责为您构建它,但它让您稍微了解它是如何工作的)。在同一页面上,您可以在选项卡中看到用于设置数据表客户端的 javascript,然后是用于设置服务器端的 php 脚本。由于某种原因,第二个服务器端脚本似乎不在该页面上,但您可以在这里找到它:https://github.com/DataTables/DataTables/blob/master/examples/server_side/scripts/ssp.class.php
编辑 1:要更改信息文本,请将此添加到您的选项中:
language: {
"info": "page _PAGE_ of _PAGES_"
}
我正在阅读 http://www.datatables.net/examples/data_sources/server_side.html and their examples but this is seriously tough to follow. Even https://datatables.net/manual/server-side 对示例很了解。
在我走上这条无法回头的路之前,有没有用过Datatables的朋友帮我确认一下:
我最终可能会得到一个包含数千条记录的大型数据集;我可以这样做吗?最初只加载前 10 条记录。然后如果用户点击 "Next page" 按钮,将显示记录 11-20,如果他们再次点击 "Next page",将显示 21-30,依此类推?每次从数据库加载(通过 ajax/webservice),因此对用户来说很快。
我可以让搜索栏搜索数据库中的整个数据集吗?我可能需要过滤大约 3 列(例如用户名、电子邮件地址、邮政地址)。
如果我能做到这两件事,那么 Datatables 就可以为我工作。因此,如果任何有经验的人都可以分享他们对上述问题的经验,那就太好了。谢谢。
同时回答 1 和 2:是的,这正是服务器端功能的工作原理,而且很容易实现。一个对象被发送到服务器端组件,其中包含有关要搜索的内容以及要搜索多少 return(等于您一次在页面上指定的元素数量)的信息,并且响应是 JSON 对象的数据只够一页。您只需在创建数据表时设置以下选项
"serverSide": true,
"ajax": "yourscript.php"
在此处查看他们提供的示例:http://www.datatables.net/examples/data_sources/server_side.html 拉起 chrome inspector/firebug 并查看网络选项卡。您可以看到每次页面和搜索时来回发送的有效负载(数据表负责为您构建它,但它让您稍微了解它是如何工作的)。在同一页面上,您可以在选项卡中看到用于设置数据表客户端的 javascript,然后是用于设置服务器端的 php 脚本。由于某种原因,第二个服务器端脚本似乎不在该页面上,但您可以在这里找到它:https://github.com/DataTables/DataTables/blob/master/examples/server_side/scripts/ssp.class.php
编辑 1:要更改信息文本,请将此添加到您的选项中:
language: {
"info": "page _PAGE_ of _PAGES_"
}