有熟悉jquery datatable的吗?如何排序?分页
有熟悉jquery datatable的吗?怎么排序?分页?
用的是jquery datatable插件,数据是从服务器端拿到的,怎么在页面上排序?我看过网上的例子,但他们的数据都是本地的,排序和搜索都可以实现。
[img=http://img.bbs.****.net/upload/201407/12/1405136600_275020.jpg][/img
想问的是数据从服务器端得到,怎么排序?就是按一下,就可]以实现排序....还有就是搜索,数据同样是从服务器端得到的...
------解决方案--------------------
上面的data在后台封装成一个Map返回到前台。
XXX对象的属性对应前台的name、position、office、extn、start_date、salary
自己去研究。。。
------解决方案--------------------
参考: Ajax sourced data
------解决方案--------------------
DataTable的Option中有默认值的:
分页
Default
true
每页记录数
Default
Value: 10
排序
Default
true
不要以为每个Option每次都要去设置,好好看看文档Options或jquery DataTables中文使用说明 (虽然文中最后属性表的翻译实在不敢恭维,但是还是引用:
用的是jquery datatable插件,数据是从服务器端拿到的,怎么在页面上排序?我看过网上的例子,但他们的数据都是本地的,排序和搜索都可以实现。
[img=http://img.bbs.****.net/upload/201407/12/1405136600_275020.jpg][/img
想问的是数据从服务器端得到,怎么排序?就是按一下,就可]以实现排序....还有就是搜索,数据同样是从服务器端得到的...
------解决方案--------------------
$(document).ready(function() {
$('#example').dataTable( {
"ajax": "访问后台服务",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }
]
} );
} );
上面的data在后台封装成一个Map返回到前台。
Map<String,List<XXX>> map=new HashMap<String,List<XXX>>();
map.put("data", list);
XXX对象的属性对应前台的name、position、office、extn、start_date、salary
自己去研究。。。
------解决方案--------------------
参考: Ajax sourced data
$(document).ready(function() {
$('#example').dataTable( {
"ajax": '../ajax/data/arrays.txt'
} );
} );
------解决方案--------------------
DataTable的Option中有默认值的:
分页
Default
true
每页记录数
Default
Value: 10
排序
Default
true
不要以为每个Option每次都要去设置,好好看看文档Options或jquery DataTables中文使用说明 (虽然文中最后属性表的翻译实在不敢恭维,但是还是引用:
这个是一次性把数据全部都拿出来吗?不想把全部数据拿出来,服务器可能受不了![]()