Jquery自訂button按鈕的幾種方法_jquery

1.第一種方法比較簡單

複製程式碼 程式碼如下:

"columns" [

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

],

從程式碼字面意思就能明白什麼意思，但是怎麼從裡邊獲取改行的資訊我還不知道，所以顯得不是太實用，定義預設值還可以。

複製程式碼 程式碼如下:

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

剛剛看到一種方法就是使用回調，也可以取得該列的值並傳遞，但也只能取得一個值，仍然沒有第二種方法好。

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、第三種方法，就是將兩種方法結合使用，可以完全前台無需後台操作

複製程式碼 程式碼如下:

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

複製程式碼

程式碼如下:

"fnRowCallback":function(nRow,aData,iDataIndex){
var id = $('td', nqRow).eq (0).text();
var ip = $('td', nRow).eq(3).text();
$('td:eq(-1)',nRow). html('修改 '
'刪除');
return nRow;
},