在子tr(响应模式)下,数据表编辑器的InTableControl按钮不起作用

时间:2016-01-22 15:42:56

标签: javascript jquery datatables jquery-datatables-editor

我正在使用带有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>

...

1 个答案:

答案 0 :(得分: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);

  } );