1, como mostrado
Pergunta: Quando eu seleciono a caixa de seleção na barra de título, a caixa de seleção de dados na tabela de dados não é selecionada e o efeito de selecionar tudo é inválido
2. Código
<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. Resolva
Comparando o código normal, nenhuma exceção foi encontrada.Não há outra maneira a não ser copiar o código normal.
Em seguida, substitua as cols, após a comparação e triagem do programa e, finalmente, encontre o problema
O culpado é layui.soulTable.render (this)
Você usa este plug-in, mas ele não é introduzido, portanto não é reconhecido e um erro será relatado. A solução é excluir a chamada ou introduzir o plug-in
3.1 Basta excluí-lo
done: function () {
//layui.soulTable.render(this)
}
3.2 Ou introduza o plugin 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();//调用数据表格查询函数
});