欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery自定義button按鈕的幾種方法

 更新時間：2014年06月11日 11:24:19   作者：  
這篇文章主要介紹了Jquery.datatables 學(xué)習(xí)筆記之自定義button按鈕,需要的朋友可以參考下
1、第一種方法比較簡單
復(fù)制代碼 代碼如下:

"columns": [

{ "data": null,defaultContent: '<input type="button" onclick="" value="呵呵" />', orderable: false },

],

從代碼字面意思就能明白什么意思，但是怎樣從里邊獲取改行的信息我還不知道，所以顯得不是太實用，定義默認(rèn)值還可以。
復(fù)制代碼 代碼如下:

{ "data": "id",orderable: false,
"mRender":function(data,type,full){
return "<input type='button' onclick='' value='"+data+"'/>";
}
},

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

2、第二種稍微麻煩，但比較實用
復(fù)制代碼 代碼如下:

"fnRowCallback":function(nRow,aData,iDataIndex){
var id = $('td', nRow).eq(0).text();
var ip = $('td', nRow).eq(3).text();
$('td:eq(-1)',nRow).html('<a href="javascript:onUpdate(\''+id+'\',\''+ip+'\')">修改</a> '+
'<a href="javascript:onDel('+iDataIndex+')">刪除</a>');
return nRow;
},

在初始化行數(shù)據(jù)時調(diào)用一個回調(diào)方法，可以輕松的獲取該行數(shù)據(jù)，完成提交功能，但是有個缺點，需要后臺json傳一個空字段，也不夠靈活。

3、第三種方法，就是將兩種方法結(jié)合使用，可以完全前臺無需后臺操作
復(fù)制代碼 代碼如下:

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

復(fù)制代碼 代碼如下:

"fnRowCallback":function(nRow,aData,iDataIndex){
var id = $('td', nRow).eq(0).text();
var ip = $('td', nRow).eq(3).text();
$('td:eq(-1)',nRow).html('<a href="javascript:onUpdate(\''+id+'\',\''+ip+'\')">修改</a> '+
'<a href="javascript:onDel('+iDataIndex+')">刪除</a>');
return nRow;
},

相關(guān)文章

最新評論