如何通过单击DataTable的同一行上的"编辑"按钮获取Id值

Question

我jQuery Datatable用于列出记录并添加一个Action按钮(编辑)来编辑模式对话框中的记录.如果我选择一行,我可以获取行id值并在模态对话框中打开相关记录.但是,如果我Edit直接单击该按钮,则无法获取相关记录的Id值(在同一行上),因为单击Edit按钮时不会首先选中该值.我想要做的是:我想获得我单击编辑按钮的行的Id值.可能吗？如果没有,我可以在单击Edit按钮时以编程方式选择悬停行吗？(如果先前的情况是可能的,我会更喜欢它).任何的想法？

function openModal() {

    var table = $('#dtbListAccount').DataTable();
    var oRow = $('this').parents('tr')[0];
    var oData = table.fnGetData(oRow);

    //code omitted for brevity
};

Answer 1

您可以使用此代码来实现此目的.

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

$('body').on('click', '#btnEdit', function(){
    //to get currently clicked row object
    var row  = $(this).parents('tr')[0];

    //for row data
    console.log( table.row( row ).data() );

});

它将行数据作为字符串数组返回.

现场演示

使用浏览器控制台查看结果.