国产探花免费观看_亚洲丰满少妇自慰呻吟_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;
},

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

圖片精選

主站蜘蛛池模板: 凉城县| 望奎县| 南京市| 贡嘎县| 体育| 贵阳市| 招远市| 旺苍县| 新丰县| 曲沃县| 鄱阳县| 桃园县| 昭苏县| 六枝特区| 大荔县| 乐都县| 老河口市| 桐乡市| 临颍县| 吴桥县| 巧家县| 怀柔区| 常德市| 沛县| 湛江市| 宁阳县| 岱山县| 都江堰市| 崇阳县| 剑阁县| 都昌县| 辽宁省| 任丘市| 紫阳县| 盖州市| 平江县| 都匀市| 瑞丽市| 中卫市| 克山县| 昆山市|