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 に答える