Layui中使用table組件時讓某些行的checkbox自動選中

在使用layui框架時，數據表格是經常使用的一個組件，一般在表格的左側會有checkbox可以用來勾選當前行的數據，但是checkbox一般是由用戶自己手動勾選的，那遇到需要自動勾選的情況怎么辦呢？

如果使用dom操作來控制checkbox選中是沒有問題的，但是在使用layui的api方法時會獲取不到此條被選中的數據，解決該問題的方法有兩個。

修改數據方法

在表格的json數據中設置LAY_CHECKED為true，表格上的對應行的checkbox就是選中狀態了。

const data = [
  { id: 1, name: '張三', LAY_CHECKED: true },
  { id: 2, name: '李四', LAY_CHECKED: false },
  { id: 3, name: '王五', LAY_CHECKED: true }
]

修改變量方法

如果返回的數據里沒有LAY_CHECKED屬性呢？那么我們就需要修改layui里監控checkbox選中的變量了。

layui.use('table', function() {
    var $ = layui.$;
    var table = layui.table;
    // 修改變量
    table = $.extend(table, {
      config: {
        checkName: 'isChecked'
      }
    });
    // 渲染table
    table.render({
        ...
    });
});

這樣一來，我們就根據json中控制checkbox選中的變量名稱來修改代碼就可以了。

如有錯誤，請多指教，謝謝！