github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

修复 treeTable 选中和取消选中时，父节点和子节点的选中背景色未能正确同步的问题

pull/1299/head
贤心 2023-06-28 15:25:13 +08:00
parent 894df5c767
commit 16d6f8f440
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/modules/treeTable.js
View File

@ -68,6 +68,7 @@ layui.define(['table'], function (exports) {
var ELEM_FIXED = '.layui-table-fixed'; var ELEM_FIXED = '.layui-table-fixed';
var ELEM_FIXL = '.layui-table-fixed-l'; var ELEM_FIXL = '.layui-table-fixed-l';
var ELEM_FIXR = '.layui-table-fixed-r'; var ELEM_FIXR = '.layui-table-fixed-r';
var ELEM_CHECKED = 'layui-table-checked';
var TABLE_TREE = 'layui-table-tree'; var TABLE_TREE = 'layui-table-tree';
var LAY_DATA_INDEX = 'LAY_DATA_INDEX'; var LAY_DATA_INDEX = 'LAY_DATA_INDEX';
@ -1511,8 +1512,15 @@ layui.define(['table'], function (exports) {
if (dataP) { if (dataP) {
var trsP = that.updateParentCheckStatus(dataP, layui.type(checked) === 'boolean' ? checked : null); var trsP = that.updateParentCheckStatus(dataP, layui.type(checked) === 'boolean' ? checked : null);
layui.each(trsP, function (indexP, itemP) { layui.each(trsP, function (indexP, itemP) {
form.render(tableView.find('tr[lay-data-index="' + itemP[LAY_DATA_INDEX] + '"] input[name="layTableCheckbox"]:not(:disabled)').prop({ var checkboxElem = tableView.find('tr[lay-data-index="' + itemP[LAY_DATA_INDEX] + '"] input[name="layTableCheckbox"]:not(:disabled)');
checked: itemP[checkName], var checked = itemP[checkName];
// 标记父节点行背景色
checkboxElem.closest('tr')[checked ? 'addClass' : 'removeClass'](ELEM_CHECKED);
// 设置原始复选框 checked 属性值并渲染
form.render(checkboxElem.prop({
checked: checked,
indeterminate: itemP[LAY_CHECKBOX_HALF] indeterminate: itemP[LAY_CHECKBOX_HALF]
})) }))
}) })
@ -1639,11 +1647,15 @@ layui.define(['table'], function (exports) {
// that.updateStatus(null, statusChecked); // 取消其他的选中状态 // that.updateStatus(null, statusChecked); // 取消其他的选中状态
that.updateStatus(null, function (d) { that.updateStatus(null, function (d) {
if (d[checkName]) { if (d[checkName]) {
var radioElem = tableView.find('tr[lay-data-index="' + d[LAY_DATA_INDEX] + '"] input[type="radio"][lay-type="layTableRadio"]');
d[checkName] = false; d[checkName] = false;
form.render(tableView.find('tr[lay-data-index="' + d[LAY_DATA_INDEX] + '"] input[type="radio"][lay-type="layTableRadio"]').prop('checked', false)); radioElem.closest('tr').removeClass(ELEM_CHECKED); // 取消当前选中行背景色
form.render(radioElem.prop('checked', false));
} }
}); // 取消其他的选中状态 }); // 取消其他的选中状态
trData[checkName] = checked; trData[checkName] = checked;
trElem[checked ? 'addClass' : 'removeClass'](ELEM_CHECKED); // 标记当前选中行背景色
trElem.siblings().removeClass(ELEM_CHECKED); // 取消其他行背景色
form.render(trElem.find('input[type="radio"][lay-type="layTableRadio"]').prop('checked', checked)); form.render(trElem.find('input[type="radio"][lay-type="layTableRadio"]').prop('checked', checked));
} else { } else {
var isParentKey = options.tree.customName.isParent; var isParentKey = options.tree.customName.isParent;
@ -1660,9 +1672,11 @@ layui.define(['table'], function (exports) {
} }
var trs = that.updateStatus(trData ? [trData] : table.cache[tableId], checkedStatusFn); var trs = that.updateStatus(trData ? [trData] : table.cache[tableId], checkedStatusFn);
form.render(tableView.find(trs.map(function (value) { var checkboxElem = tableView.find(trs.map(function (value) {
return 'tr[lay-data-index="' + value[LAY_DATA_INDEX] + '"] input[name="layTableCheckbox"]:not(:disabled)'; return 'tr[lay-data-index="' + value[LAY_DATA_INDEX] + '"] input[name="layTableCheckbox"]:not(:disabled)';
}).join(',')).prop({checked: checked, indeterminate: false})); }).join(','));
checkboxElem.closest('tr')[checked ? 'addClass' : 'removeClass'](ELEM_CHECKED); // 标记当前选中行背景色
form.render(checkboxElem.prop({checked: checked, indeterminate: false}));
// } // }
var trDataP; var trDataP;
// 更新父节点以及更上层节点的状态 // 更新父节点以及更上层节点的状态