Jquery Datatables獲取按鈕點擊行數據

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 
} 

或者，您可以將參數添加到URL時，呈現的鏈接 - 你不必在href所以任何我假設你用jQuery點擊事件來處理這個事件。