来自服务器端的DataTables可单击行链接

Question

我有一个datatable，在这里我同时加载了所有数据，但是我的数据集最终会变得非常大，所以我决定移动所有服务器端。

以前，我可以通过使用"data-url“属性将链接嵌入到每一行中，然后使用此函数侦听单击：

$('#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回调。

根据文档

当创建TR元素(并且插入了所有TD子元素)时调用此函数，如果使用DOM源，则调用该函数，从而允许对TR元素的操作(添加类等)。