私はこのコードの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! ;)
を使用することができますtable.find( 'tbody tr td')。eq(8).on( 'click'、 'a'、function(){}); –
いいえ私はそのtqを試すつもりです – Wolfzmus
@AtalKishore:動作していない、何も起こっていません:( – Wolfzmus