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 に答える