Как я могу предотвратить выбор флажка при щелчке строки в древовидной таблице Bootstrap.Флажок должен быть установлен только по щелчку флажка в конкретной строке, но должен быть установлен по щелчку строки в древовидной таблице Bootstrap. Я предоставил свой код JavaScript здесь.
$(function() {
initTreeTable();
$("#down1").hide();
});
function initTreeTable() {
let setting = {
id: 'menuId',
code: 'menuId',
url: 'menu/list',
expandAll: true,
expandColumn: "2",
ajaxParams: {
// menuName: $menuTableForm.find("input[name='menuName']").val().trim(),
// type: $menuTableForm.find("select[name='type']").val()
menuName: $("#filter_extra").val(),
},
columns: [{
field: 'selectItem',
checkbox: true
},
{
title: 'NO.',
field: 'menuId',
width: '50px'
},
{
title: 'Name',
field: 'menuName'
},
{
title: 'Icon',
field: 'icon',
formatter: function(item, index) {
return '<i class="' + item.icon + '"></i>';
}
},
{
title: 'Type',
field: 'type',
formatter: function(item, index) {
if (item.type === '0') return '<label class="badge badge-success">Menu</label>';
if (item.type === '1') return '<label class="badge badge-warning">Button</label>';
}
},
{
title: 'URL',
field: 'url',
formatter: function(item, index) {
return item.url === 'null' ? '' : item.url;
}
},
{
title: 'Permission',
field: 'perms',
formatter: function(item, index) {
return item.perms === 'null' ? '' : item.perms;
}
},
{
title: 'Create Time',
field: 'createTime'
},
{
width: '10%',
title: 'Action',
formatter: actionFormatter
}
]
};
function actionFormatter(value, row, index) {
return [
'<button style="width: 82%;" class="btn btn-outline-primary btn-sm edit_btn m-2" onclick="edit(' + value.menuId + ')"><i class="fa fa-edit"></i> Edit</button>',
'<button style="width: 82%;" class="btn btn-outline-danger btn-sm delete_btn m-2" onclick="remove(' + value.menuId + ')"><i class="fa fa-remove"></i> Remove</button>',
].join('')
}
// $MB.initTreeTable('menuTable', setting);
$('#menuTable').bootstrapTreeTable({
id: setting.id,
code: setting.code,
parentColumn: !setting.parentColumn ? 'parentId' : setting.parentColumn,
type: "GET",
url: setting.url,
ajaxParams: !setting.ajaxParams ? {} : setting.ajaxParams,
expandColumn: !setting.expandColumn ? '1' : setting.expandColumn,
striped: true,
bordered: true,
checkboxes: true,
expandAll: setting.expandAll ? true : setting.expandAll,
columns: setting.columns
});
}