技術標籤：那些年遇到的BUGlayui

1，如圖

問題：當我選擇標題欄的複選框的時候，資料表格中的資料複選框並沒有選中，全選效果失效

2，程式碼

  <div style="padding: 3px 0;">
      <table id="testlayuitable" lay-filter="testlayuitable"></table>
  </div>

  
  function business(data) {
        var table = layui.table;
 

        //第2個例項
        table.render({
            id: 'testlayuitable',
            elem: '#testlayuitable',
            height: CLIENTHEIGHT-60,
            size: 'sm' ,//小尺寸的表格
            page:true,
            limits:[15,30,50,100,200,500,1000,2000,5000,10000],
            limit:15,
            cols: [
                [
 
  //標題欄
                    {type:'checkbox'}
                    ,{field: 'unitname', title: '名稱',align:"left", minWidth: 260, sort: false, filter: true}
                    ,{field: 'unitcode', title: '程式碼',align:"center", minWidth: 80, sort: false, filter: true}
                ]
            ]
 
,
            data: data ? data : [],
            done: function () {
                layui.soulTable.render(this)
            }
        });
    }
    

3，解決

對比了正常的程式碼，也沒發現異常，沒辦法，只能將正常的程式碼拷貝過來，

然後將cols更替，經過程式對比和篩選，最終發現問題

罪魁禍首是 layui.soulTable.render(this)

你使用了這個外掛，但是沒有引入他，所以不能識別，就會報錯，解決辦法，要麼刪除該呼叫，要麼引入外掛

3.1 將其刪除即可

 done: function () {
      //layui.soulTable.render(this)
  }
            

3.2 或者引入 soulTable 外掛

 layui.config({
        base: '/static/layui-v2.5.6/ext/',// 第三方模組所在目錄
        version: 'v1.5.10' // 外掛版本號
    }).extend({
        soulTable: 'soulTable/soulTable'
    });
    
    layui.use(['form','table','soulTable'], function() {
        searchBtn();//呼叫資料表格查詢函式
    });