Datatables和JQuery - 使每一行可单击或链接

Question

我需要一些帮助来理解如何使用Datatables使每一行"可点击"......

服务器端,我正在使用Coldfusion来处理查询等.我在Datatables.net呈现的表中显示有关人员的信息.

在帮助页面说我应该使用DOM/jQuery的事件处理程序,如下所示:

    $(document).ready(function() {
    $('#example').dataTable();

    $('#example tbody').on('click', 'tr', function () {
        var name = $('td', this).eq(0).text();
        alert( 'You clicked on '+name+'\'s row' );
    } );
} );

所以,这似乎是我想采取的路线,但我个人对jQuery的熟悉程度不足以促进我想做的事情......

而不是"警报",什么功能,方法或过程将允许我将我的行中的数据发送到新页面？

换句话说,如何获取所选行内的数据,并将其输出到新页面？

为您提供一个实际示例:1)服务台技术人员单击包含员工的行,2)包含在行中的所选员工的信息,并发送到新页面,如表单提交或URL变量... 3)存在重置密码或解锁帐户的选项.

我们非常感谢您的帮助,提前谢谢您.

Answer 1

在该函数中,您可以这样调用data():

$(document).ready(function() {
    var table = $('#example').DataTable();

    $('#example tbody').on('click', 'tr', function () {
        var data = table.row(this).data();
        console.log(data);
    });
});

这是文档:https://datatables.net/reference/api/row().data()

有关其他信息,这里的SO答案是一个很好的阅读.