如何响应用户在jQuery.dataTables中选择一行？

Question

我正在使用jQuery.dataTables编写Web应用程序。我确定我之前做过一段时间，但是我无法弄清楚让我的页面响应用户点击一行的正确方法。

基本思想是我希望能够通过向用户显示有关该行的更多信息来响应行上的点击。我想在单击行时调用某个函数。我可能还需要在每行中放置一个或多个按钮，以便执行特定于行的功能，例如导航到表单以编辑或删除行。

$('#tblData').dataTable({
    data: data,
    columns: columns, // only column names specified
    bFilter: false,
    bPaginate: false,
    bInfo: false
});

我会想到＆＃34;事件＆＃34;参考可能会回答这个问题（http://www.datatables.net/reference/event/），但我没有这样的运气。

Answer 1

要在表格的行上放置一个事件，我会使用.on方法：

$("#tblData").on('click','tbody > tr',function(e){ });

然后，如果您将按钮放在行内，您可以使用按钮选择器执行相同的操作。只需确保在按钮单击中使用e.stopPropagation（）以防止点击行。