• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

获取行数据的函数只能在数据表的响应模式下工作

JavaScript 来源:Amin 3次浏览

当我以响应模式单击图像时,它将在控制台中返回行数据。但在正常情况下,我得到未定义的错误。获取行数据的函数只能在数据表的响应模式下工作

  var table = $('.dataTable').DataTable({ 
       "responsive": true,         
       "columnDefs": [{ 
        "targets": 4, 
        "data": null, 
        "render": function (data, type, full, meta) { 
         if (type === 'display') { 
          data = "<a href='#' width='30px' class='editMe' data='" + full[0] + "'><img src='/images/edit.png' width='30px' /></a>"; 
         } 
         return data; 
        } 
       } , 

       { 
         "targets": 0, 
         "visible": false, 
         "searchable": false 
       }] 
      }); 


      $('.dataTable').on('click', '.editMe', function() { 

       console.log(table.row(this).data()); 

      }); 

===========解决方案如下:

使用下面的代码来代替:

<code class="prettyprint-override">$('.dataTable').on('click', '.editMe', function() { 
    var $row = $(this).closest('tr'); 
    if($row.hasClass('child')){ $row = $row.prev(); } 
    console.log(table.row($row).data()); 
}); 
</code>

代码和演示见this example。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)