2016-10-28 12 views
1

私はこのコードのDataTableにも最後の列をクリックしてください

var table = $("#mas-vendor"); 
    var filter = $('.form-filter'); 
    var target = table.attr('data-table'); 
    var oTable = table.on('processing.dt', function (e, settings, processing) { 
      if (processing) { 
       $(this).find('tbody').addClass('load1 csspinner'); 
      } else{ 
       $(this).find('tbody').removeClass('load1 csspinner'); 
      }; 
     }).DataTable({ 
      "ajax": host+'datatable/'+target, 
      "bServerSide": true, 
      "iDisplayLength" : 10, 
      "order": [[ 1, "desc" ]], 
      "columnDefs": [{ 
       "targets": [ 0 ], 
       "className": "details-control", 
      },] 
     }); 

と、この(単なる例)のようなJSON

$json['data'][] = [$val['vendor'], $val['country'], $val['terms'], $val['cgname'], $val['ppn'], $val['NPWP'], $val['status'],'<a href="javascript:;" id="delete">Delete</a> || <a href="javascript:;" id="edit">Edit</a>']; 

そして上でこの

<table id="mas-vendor" class="dataTable table table-bordered table-hover table-full-width" width="100%" data-table="masvendor"> 
         <thead> 
          <tr> 
           <th>Name</th> 
           <th>Country</th> 
           <th>Terms</th> 
           <th>Cheque/Giro Name</th> 
           <th>PPN</th> 
           <th>NPWP</th> 
           <th>Status</th> 
           <th>Action</th> 
          </tr> 
         </thead> 
        </table> 

ようなHTMLのようなのDataTableを持っています私の問題は、最後の列(アクション)をクリックしなくてもいいということです。idがdeleteかeditかどうかはどうやって分かりますか?誰かが私を助けることができる?

私は使用にこのコードを試してみたい、

table.find('tbody').on('click', 'td a', function(){}); 

しかし、私はまだ最後の列の上にそれを使用する方法を知らないんだ

UPDATE:私の問題CLEAR! Vicky_Thinkingのためのtq! ;)

+0

を使用することができますtable.find( 'tbody tr td')。eq(8).on( 'click'、 'a'、function(){}); –

+0

いいえ私はそのtqを試すつもりです – Wolfzmus

+0

@AtalKishore:動作していない、何も起こっていません:( – Wolfzmus

答えて

2

は、それが最後の列をクリック可能のすべての行を行います

table.find('tbody').on('click', 'td:last-child a', function(){}); 

これを試してみてください。

+0

OMG !! U私の人生を保存する!!! !Tq非常に:) – Wolfzmus

0

あなたはそれが8列であることを知っているなら、あなたは

table.find('tbody tr td').eq(7).on('click', 'a', function(){}); 

を使用するか、また、あなたがその8 coloumnを知っているならば、uは使用することができます.last()

table.find('tbody tr td').last().on('click', 'a', function(){}); 

Jsfiddle Demo

関連する問題