DataTable在点击时获取隐藏列值

Question

我有一个用Ajax创建的数据表.但是,我不希望显示所有字段,因此我在不太重要的字段上将bVisible设置为false.

$(document).ready(function() {
            $('#example').dataTable( {
                "bProcessing": true,
                "sAjaxSource": "../DataQueries/FetchAllSubjectsForBrowse.asp",
                "aoColumns": [ 
                    /* Subject Name */ null,
                    /* Address */ null,
                    /* LinkedWithCompany */ { "bVisible": false},
                    /* Work Tel */ null
                ]
            } );

但是,我希望能够单击一行来检索所有值,包括隐藏的值.所以我尝试了以下内容:

$('#example tbody tr').live('click', function () {
             var sTitle;
             var nTds = $('td', this);
             var sSubjectName = $(nTds[0]).text();
             var sSubjectAddress = $(nTds[1]).text();
             var sLinkedWithCompany = $(nTds[2]).text();
             var sWorkTel = $(nTds[3]).text();
});

但是,当我检索sLinkedWithCompany的值时,它会给我sWorkTel的值.

我对如何检索这个隐藏值感到有点困惑.

谢谢

Answer 1

以下是在单击时获取行数据的示例.

假设您对表的每一行都有Delete或任何按钮,如果单击该按钮,则获取所选行的数据并执行所需的操作.

$(document).ready(function(){
    $('#example tbody').on('click', '.delete', function(){
        var row = $(this).closest('tr');
        var data = $('#example').dataTable().fnGetData(row);
        console.log(data);
    }); 
});