0

無限スクロール(またはスクローラー)と、テーブルの初期化時にすべてのデータがロードされない列の並べ替えの両方を使用するDataTablesを実装する方法の例はありますか?

何が起こるかというと、結果セットが非常に大きいため、ajaxを介してクライアントとサーバー間を行き来し、テーブルにさらに多くの結果を入力し続けます。最初の結果セットを取得したら、列を並べ替えてからスクロールしてさらに結果を取得します。もちろん、列は元の順序になっています。これは、サーバーがデータを送り返す方法だからです。

どのような実装を見たり使用したりしましたか????? 例は素晴らしいでしょう。自分のシナリオを実際に示しているものは何も見ていません。

4

1 に答える 1

0

aoColumns設定でmDataプロパティを使用する必要があります。これにより、列を並べ替えて、テーブルにサーバーデータを問題なく入力できます。

例えば:

初期化データテーブル:

 $('#example').dataTable( {
             "aoColumns":
              [ 
                {"mData": "column1" },
                {"mData": "column2" },
                {"mData": "column3" },  
              ],
             "bServerSide" : true,
             "sAjaxSource" : "url",
             "bScrollInfinite": true,
             "sScrollY": "200px",
             "sDom":'Rlfrtip',
 } );  

サーバーからのJSON:

{"aaData": [{"column1": 1, "column2": 2,"column3": 3}]}

データを列にマッピングしていることがわかりました

于 2012-11-08T18:49:45.213 に答える