Jquery_jquery でボタンをカスタマイズするいくつかの方法

1. 最初の方法は比較的単純です

コードをコピーします コードは次のとおりです:

"columns": [

{ "data": null,defaultContent: '', orderable: false },

]、

コードの文字通りの意味からそれが何を意味するのかは理解できますが、そこから行変更情報を取得する方法がわからないので、それはわかりませんデフォルト値を定義するのは非常に実用的だと思われます。

コードをコピー コードは次のとおりです:

{ "data": "id", orderable: false ,
"mRender":function(data,type,full){
return ""; 🎜>}
},

コールバックを使用する方法を見てきましたが、列の値を取得して渡すこともできますが、取得できる値は 1 つだけです。まだ 2 番目の方法ほど良くはありません。

2. 2 番目の方法は少し面倒ですが、より実用的です

コードをコピーします コードは次のとおりです。次のように:

"fnRowCallback":function(nRow,aData,iDataIndex){
var id = $('td', nRow).eq(0).text(); 🎜>var ip = $( 'td', nRow).eq(3).text();
$('td:eq(-1)',nRow).html('変更 '
'削除return nRow;
},


行データを簡単に取得して送信関数を完了することができます。欠点は、バックグラウンドでの JSON 送信が必要になることです。空のフィールドは十分な柔軟性がありません。

3. 3 番目の方法は 2 つの方法を組み合わせることで、バックグラウンド操作の必要性を完全に排除できます

コードをコピー コードは次のとおりです。

{ "data": null,orderable: false,}

コードをコピー コードは次のとおりです:

"fnRowCallback":function(nRow,aData,iDataIndex){

var id = $('td ', nRow).eq (0).text();
var ip = $('td', nRow).eq(3).text();
$('td:eq(-1) )',nRow).html('変更 '
'delete');
return nRow;
},