jquery - 同一页面上具有不同ajax源的多个DataTable

Question

我使用 dataTables 在单个页面上有多个表格。每个都需要有自己的“sAjaxSource”。我似乎无法确切地弄清楚如何做到这一点。这是我拥有的最少代码:

         var oTable = $('.datatable').dataTable( {
                "bProcessing": true,
                "sAjaxSource": "/ajax/function",
                "bSort": false,
                "fnDrawCallback": function() {
                       //some click events initilized here
                 }
            });

这基本上是最基本的设置。每个表作为数据表类和一个唯一的ID。但不确定如何根据特定表更改 AjaxSource。

谢谢!

编辑:

这就是我最终所做的:

        $('.datatable').each(function(index){

             $('#'+$(this).attr('id')).dataTable( {
                "bProcessing": true,
                "sAjaxSource": $(this).children('caption').html(),
                "bSort": false,
                "fnDrawCallback": function() {
                 }
            });
        });

在表格内，我放置了一个由 css 隐藏的标题标签，其中包含 Ajax 源 URL。它遍历每个实例并获取 url。

到目前为止这似乎有效!

Answer 1

我遇到了同样的问题，我使用与您类似的 html5 data- 属性和初始化代码解决了这个问题:

$('.dataTableServer').each(function () {
        var source = $(this).attr("data-source");
        $(this).dataTable({
            "sPaginationType": "full_numbers",
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": source
        });
    });

这样你就不必为每个数据表创建一个 id