国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:07:18
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了Jquery.datatables 學習筆記之自定義button按鈕,需要的朋友可以參考下

1、第一種方法比較簡單

復制代碼 代碼如下:


"columns": [

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

],


從代碼字面意思就能明白什么意思,但是怎樣從里邊獲取改行的信息我還不知道,所以顯得不是太實用,定義默認值還可以。

復制代碼 代碼如下:


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


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

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('<a href="javascript:onUpdate(/''+id+'/',/''+ip+'/')">修改</a> '+
'<a href="javascript:onDel('+iDataIndex+')">刪除</a>');
return nRow;
},


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

3、第三種方法,就是將兩種方法結合使用,可以完全前臺無需后臺操作

復制代碼 代碼如下:


{ "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('<a href="javascript:onUpdate(/''+id+'/',/''+ip+'/')">修改</a> '+
'<a href="javascript:onDel('+iDataIndex+')">刪除</a>');
return nRow;
},

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 贵溪市| 高清| 许昌县| 高雄市| 长白| 重庆市| 汶川县| 乳山市| 淮安市| 当阳市| 班玛县| 五峰| 东方市| 沙雅县| 永寿县| 甘泉县| 东丰县| 阿克| 西林县| 田林县| 奈曼旗| 德昌县| 巍山| 平和县| 茂名市| 麦盖提县| 射阳县| 金坛市| 文成县| 文化| 拉孜县| 库车县| 永新县| 洪洞县| 曲麻莱县| 如皋市| 宁化县| 封丘县| 巴东县| 宜城市| 汾西县|