javascript - jquery 中的数据表

Question

我在一个项目中工作，我想在要显示的数据中添加网格类型工具。

为此，我使用了 jquery 的 Datatable 插件。

它运行良好且完美。

我唯一担心的是，每当我尝试从服务器(通过 Ajax)获取更新的表格时，数据表都会失去其功能。我的意思是每当我从服务器加载新表时，它都会以正常模式显示。

为此，我必须添加如下代码:

$.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

或者，您可以通过 sAjaxSource 参数将 DataTables 连接到 ajax 数据源。您需要修改服务器端脚本以返回正确的响应。参见 ajax arrays和 ajax objects DataTables 文档中的示例。

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