Question

我有一个数据表，我一次加载所有数据，但我的数据集最终会变得非常大，所以我决定将所有数据移动到服务器端。

以前，我可以使用＆＃34; data-url＆＃34;将链接嵌入到每一行中。属性然后用这个函数监听点击：

$('#table tbody').on('click', 'tr', function () {
        var url = this.getAttribute("data-url")
        window.open(url, "_self");
    });

它完全像那样，但我还没有能够弄清楚如何使用AJAX和JSON来完成这项工作。

我的JSON响应如下所示：

 {"recordsFiltered": 1, "recordsTotal": 6, 
 "data": [{"4": "", "6": "", "7": "Online", "3": "", "DT_RowClass": "success",
 "5": "", "data-url": "/relative-url/pk/", "2": "TestType2", 
 "0": "Test", "1": "ABCD"}], "draw": "11"}

但是我不确定如何让DataTables将data-url属性添加到该行。我一直在搜索文档，试图找到这个用例的例子，但到目前为止还没有运气。

如果没有内置功能，我想我需要覆盖DataTables用于加载JSON数据的函数，但我不知道该怎么做。

我的服务器端语言比javascript好得多，所以如果可能，我真的很感激更具体的答案。

谢谢

Answer 1

正如@cjungel所指出的那样，这是一种方法。 Mor的最近版本的DataTable虽然使用了rowCallback。例如，你可以使用这种类型的东西：

"rowCallback": function(row, data, index){
    $(row).attr("data-url", data[1]);
}

按照JSFiddle。希望有所帮助。

Answer 2

您可以使用fnCreatedRow回调。

根据documentation：

创建TR元素时调用此函数（以及所有TD子元素）元素已插入），或使用DOM源注册，允许操纵TR元素（添加类等）。

服务器端JSON中的DataTables可单击行链接

2 个答案: