layui treetable-lay 다중 선택 상자 checkbox 기본 선택
16259 단어 layui
layui.config({
base: '/static/layui/'
}).extend({
treeTable: 'treetable/treetable'
});
layui.use(['treeTable'], function () {
var $ = layui.jquery;
var treeTable = layui.treeTable;
treeTable = $.extend(treeTable, { config: { checkName: 'checked' } });
var insTb = treeTable.render({
elem: '#demoTreeTb',
height: '480px',
tree: {
iconIndex: 0, //
isPidData: true, // id、pid
idName: 'menuId', // id
pidName: 'parentId' // pid
},
cols: [
{ field: 'name', title: ' ' },
{ field: 'path', title: ' ' },
{
field: 'state', title: ' ', templet: function (res) {
if (res.state == 0) {
return ' '
} else {
return ' '
}
}
},
{ fixed: 'right', type: 'checkbox', width: 150 }
],
reqData: function (data, callback) {
// ajax , callback
$.get('/system/resource/list', function (res) {
if (res.code == 0) {
var data = res.data;
for (var x in data) {
console.log(data[x])
if (data[x].checked) {
data[x]["LAY_CHECKED"] = 'true';
var index = res.data[x]['LAY_TABLE_INDEX'];
$('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
$('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
}
}
callback(res.data);
}
else callback(res.msg);
});
}
});
//
treeTable.on('tool(demoTreeTb)', function (obj) {
var data = obj.data;
var id = data.id;
console.log(data.id)
if (obj.event === 'remove') {
} else if (obj.event === 'edit') {
}
});
var checkStatus;
//
treeTable.on('checkbox(demoTreeTb)', function (obj) {
console.log(insTb.checkStatus());
});
$("#save").click(function () {
console.log(checkStatus);
})
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui의 select 연동공식 커뮤니티에서 찾은 방법은 다음과 같다. 이런 코드 편집기를 뱉어라, 조판은 똥과 같다!...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.