1

私は、表示されるデータにグリッド タイプの機能を追加すると思われるプロジェクトで作業しています。

そのために、 jqueryのDatatableプラグインを使用しています。

それはうまく機能しており、完璧です。

サーバーから (Ajax 経由で) 更新されたテーブルを取得しようとするたびに、Datatable の機能が失われるという懸念が 1 つだけあります。つまり、サーバーから新しいテーブルをロードするたびに、通常モードで表示されます。

それが機能するには、次のようなコードを追加する必要があります。

$.ajax({ 
    url: "<GIVE_ME_NEW_TABLE>",
    type: "POST",
    data: <THE_DATA_TO_BE_POSTED>,
    success: function(data){
        //data is fully prepared HTML string for representing the table
        $('#id_of_the_div_where_to_show_the_table').html(data);
        $('#id_of_the_table').dataTable({
           "bJQueryUI": true
        });
    },
    error : function(){
        //alert error
    }
});

したがって、これは、テーブルが更新されるすべての Ajax 呼び出しで呼び出されます。

4

1 に答える 1

7

sAjaxSourceまたは、 paramを介して DataTables を ajax データ ソースに接続することもできます。正しい応答を返すようにサーバー側のスクリプトを変更する必要があります。DataTables docのajax 配列とajax オブジェクトの例を参照してください。

$(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "/yoursite/ajaxTableDataSource",
    } );
} );
于 2012-07-09T09:03:45.610 に答える