jquery中的数据表

Question

我正在一个项目中工作,我想在要显示的数据中添加Grid类型工具.

为此,我使用jquery的Datatable插件.

它工作得很好,很完美.

我只有一个问题,每当我尝试从服务器(通过Ajax)获取更新的表时,Datatable都会失去其功能.我的意思是每当我从服务器加载新表时,它都会以正常模式显示.

为了工作,我必须添加这段代码,如:

$.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调用时调用的.

Answer 1

或者,您可以通过sAjaxSourceparam 将DataTables连接到ajax数据源.您需要修改服务器端脚本以返回正确的响应.请参阅DataTables doc中的ajax数组和ajax对象示例.

$(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "/yoursite/ajaxTableDataSource",
    } );
} );