0

我似乎找不到用于通过服务器端进行排序的 jquery 数据表。

我可以完全控制要返回的数据,我会返回有多少页以及每页的总量。

我试图找到某种数据表,以便我可以显示页数、前进和后退按钮以及可排序的列标题。

我不希望 jquery 插件为我完成所有工作,我只想启动一个 jquery 事件,以便我可以进行 jquery ajax 调用并获取新页面信息。

4

1 回答 1

0

您可以使用: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

于 2013-01-01T17:20:08.037 回答