Question

我想在按钮点击时获取特定的行列数据。这是我的代码

var oTable = $('#grid').dataTable({

        "scrollCollapse": true,
        "paging": false,
        'aaData': dtData,
        'bPaginate': false,
        'bInfo': false,
        "ordering": false,
        "bProcessing": true,
        'bFilter': true,
        destroy: true,
    "aoColumns": [null,null,null,null,

        {
            "mData": null,
            "bSortable": false,
            "mRender": function (o) { return '<a href="">'+"<img src='images/gridchart.png'></img>" +'</a>'; }
        },
        {
            "targets": [5],
            "visible": false,
            "searchable": false
        },
    {
        "targets": [6],
        "visible": false,
         "searchable": false
    }

    ]
}).rowGrouping();

问题是最后两列没有添加到dom中，所以我无法检索它们各自的值

欢迎任何帮助

Answer 1

您可以将最后2行值添加为链接的数据属性，如下所示：

'mRender': function (data, type, full) {
    return '<a data-col4=\'' + full[4] + '\' data-col5=\'' + full[5] + '\' href="">'+"<img src='images/gridchart.png'></img>" +'</a>'; 
}

full参数是数据表行的数据源，因此即使没有显示值，它们仍然可用。

你必须使用jQuery来检索这样的值：

$('#grid tbody').on('click', 'a', function (e) {
   e.preventDefault();
   var col4Val = $(this).data('col4');
   var col5Val = $(this).data('col5');
   // you would then redirect to the link using window.location.href, adding the col4 & col5 values as querystring parameters
}

或者，您可以在渲染链接时将参数添加到网址中 - 您在href中没有任何内容，因此我假设您已将其与jQuery click事件。

Jquery Datatables在按钮单击时获取行数据

1 个答案: