0

我正在使用带有 inTableControl 按钮的数据表编辑器。当表格处于正常状态时，inTableControl 按钮可以正常工作，但结合响应式并且如果 inTableControl 按钮位于子 tr 中（在下拉列表中折叠时），则示例 js 无法正常工作。模态中没有要编辑的记录。有谁知道如何调整 inTableControl 按钮的 js，以便它们在孩子 tr 中也能正常工作？我尝试了一些类似 .parent().prev('parent') ， .closest('tr.child').prev('tr.parent') ， .closest('tr').prev('tr ') , .parent().prev('tr') .... 但它们都不起作用。两种状态都需要 if 吗？那会是什么样子？

这工作正常...

var edit_inTable_editor_bafin = $('#bafin').on('click', 'a.editor_cog', function (e) {
    e.preventDefault();

    editor_bafin.edit( $(this).closest('tr'), {
        title: 'Edit record',
        buttons: 'Update'
    } );

} );

<tr id="row_2812" class="odd selected parent" role="row">
 <td>Test</td>
 <td class=" datatable-link" style="">
  <a class="editor_cog" title="Edit Entity" role="button" href="">
 </td>
</tr>

...但是当 inTableControl 按钮位于子 tr 中时（响应式下拉菜单）：

<tr id="row_2812" class="odd selected parent" role="row">
<tr class="child">
 <td class="child" colspan="15">
  <ul data-dtr-index="0">
   <li data-dtr-index="11">...</li>
   <li data-dtr-index="12">...</li>
   <li data-dtr-index="13">...</li>
    <span class="dtr-title"></span>
    <span class="dtr-data">
     <a class="editor_cog" title="Edit Entity" role="button" href="">Edit</a>
    </span>
   </li>
  </ul>
 </td>
</tr>

...

4

1 回答 1

0

我有一个类似的问题。但我这样解决了

 $('#tb_sos tbody').on( 'click', 'input.aja', function () {

        var tr=$(this).parents('tr');
        if ($(tr).hasClass("child")){
          var api = tablaSOS.tabla.row( $(this).parents('tr').prev('tr') ).data();
        }else{
          var api = tablaSOS.tabla.row( $(this).parents('tr') ).data();
        }
        console.log(api);

  } );
于 2016-12-20T22:16:07.100 回答