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

How to respond to the user selecting a row in jQuery.dataTables?

本文关键字：dataTables jQuery 选择 用户 何响应 响应      更新时间：2023-09-26

我正在使用jQuery.dataTables编写一个web应用程序。我确信我以前做过这件事，但我很难找到让我的页面对用户点击一行做出响应的正确方法。

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

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

我本以为"事件"参考资料可能会回答这个问题(http://www.datatables.net/reference/event/)，但是我没有这样的运气。

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

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

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

相关文章：