問題
bootstrap table的復選框選中后,翻頁操作會導致上一頁選中的丟失
解決
將選中的值先存在一個全局的變量中,然后使用 formatter,示例如下:
table.bootstrapTable({ url: $.fn.bootstrapTable.defaults.extend.index_url, sortName: 'id', showToggle: false, showExport: false, columns: [ [{ field: 'state', checkbox: true, formatter: function (i, row) { // 每次加載 checkbox 時判斷當前 row 的 id 是否已經存在全局 Set() 里
if ($.inArray(row.id, idArr) != -1) {// 因為 判斷數組里有沒有這個 id
return { checked: true // 存在則選中
} } } }] ] });