layui 複選框全選失去效果——soulTable
阿新 • • 發佈:2021-02-01
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();//呼叫資料表格查詢函式
});