我似乎找不到用于通过服务器端进行排序的 jquery 数据表。
我可以完全控制要返回的数据,我会返回有多少页以及每页的总量。
我试图找到某种数据表,以便我可以显示页数、前进和后退按钮以及可排序的列标题。
我不希望 jquery 插件为我完成所有工作,我只想启动一个 jquery 事件,以便我可以进行 jquery ajax 调用并获取新页面信息。
我似乎找不到用于通过服务器端进行排序的 jquery 数据表。
我可以完全控制要返回的数据,我会返回有多少页以及每页的总量。
我试图找到某种数据表,以便我可以显示页数、前进和后退按钮以及可排序的列标题。
我不希望 jquery 插件为我完成所有工作,我只想启动一个 jquery 事件,以便我可以进行 jquery ajax 调用并获取新页面信息。
您可以使用:http : //www.datatables.net jquery 插件并实现服务器端部分,并且仍然可以完全控制返回的数据以及排序部分。
客户示例:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#members').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aLengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]],
'bProcessing' : true,
'bServerSide' : true,
'sAjaxSource' : 'example.com/sudo/get_list',
"aaSorting": [[ 5, "desc" ]],
'fnServerData' : function(sSource, aoData, fnCallback){
aoData.push( { "name": "model", "value": "user" } );
$.ajax({
'dataType': 'json',
'type' : 'POST',
'url' : sSource,
'data' : aoData,
'success' : fnCallback
});
},
"aoColumns": [
{"bVisible": false},
{ "sTitle": "Email" },
{"bVisible": false},
{"bVisible": false},
{"bVisible": false},
{"bVisible": false},
{ "sTitle": "Type", "bSearchable": true },
{ "sTitle": "State", "bSearchable": true },
{ "sTitle": "Registered on", "bSearchable": true },
{ "sTitle": "Last Login", "bSearchable": true },
null
]
});
});
</script>
注意:"aaSorting": [[ 5, "desc" ]]。按第 6 列排序(例如 member_id 等)但不显示。
对于服务器端,您通常可以使用您的查询。或者您可以使用像这样的本机 php 库:https
://github.com/n1crack/IgnitedDatatables-native-php-version
在任何情况下,使用 JSON 格式的服务器响应与此类似:
sEcho
iTotalRecords
iTotalDisplayRecords
aaData
sColumns
当然,每个 json 键都将填充您的数据。
更多信息:http ://datatables.net/forums/discussion/5133/ignited-datatables-native-php-version