bootstrap table 新增點選事件
阿新 • • 發佈:2019-01-24
- 先上程式碼
{
field : '',
title : '操作',
align : 'center',
valign : 'middle',
formatter: operateFormatter,
events: operateEvents
}
- formatter 代表選單,可以設定圖示,button,連結
function operateFormatter(value, row, index) {
return ['<button type="button" class="RoleOfedita btn btn-primary" style="margin-right:15px;">重啟</button>',
'<button type="button" class="RoleOfeditb btn btn-primary" style="margin-right:15px;">關閉</button>',
'<button type="button" class="RoleOfeditc btn btn-primary" style="margin-right:15px;">啟動</button>'
].join('')
}
- events 代表選單操作,可以選擇設定調轉頁面,可以ajax
'click .RoleOfeditb': function(e, value, row, index) {
alert('b');
//console.log(JSON.stringify(row))
},
- 記錄遇到的坑
- 之前設定的table的第一列是動態載入,導致該行設定操作的時候不能獲取資料,不知道是什麼原因,但是最好不要設定id自動增加,讀資料庫的最好
- 通過ajax不能獲取到table的text屬性,目前沒解決!