1. 程式人生 > >bootstrap table 新增點選事件

bootstrap table 新增點選事件

  • 先上程式碼
{
                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屬性,目前沒解決!