From 24c5b5b06a5b4d4c9813afbad9af1464f66c794b Mon Sep 17 00:00:00 2001 From: sunxiaobin89 <470459819@qq.com> Date: Wed, 26 Jul 2023 22:31:10 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20treeTable=20`check.cascade?= =?UTF-8?q?`=20=E5=A4=8D=E9=80=89=E7=9A=84=E7=BA=A7=E8=81=94=E6=96=B9?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/modules/treeTable.js | 35 ++++++++++++++++++++++++----------- 1 file changed, 24 insertions(+), 11 deletions(-) diff --git a/src/modules/treeTable.js b/src/modules/treeTable.js index eb761b7a..6bb60a4a 100644 --- a/src/modules/treeTable.js +++ b/src/modules/treeTable.js @@ -203,6 +203,10 @@ layui.define(['table'], function (exports) { Class.prototype.init = function () { var that = this; var options = that.config; + var cascade = options.tree.check.cascade; + if (cascade !== 'parent' || cascade !== 'children') { + options.tree.check.cascade = 'all'; // 超出范围的都重置为全联动 + } // 先初始一个空的表格以便拿到对应的表格实例信息 var tableIns = table.render($.extend({}, options, { @@ -257,6 +261,9 @@ layui.define(['table'], function (exports) { callback: { beforeExpand: null, // 展开前的回调 return false 可以阻止展开的动作 onExpand: null // 展开之后的回调 + }, + check: { + cascade: 'all' // 级联方式 默认全部级联：all 可选 级联父 parent 级联子 children } }, }; @@ -1084,7 +1091,7 @@ layui.define(['table'], function (exports) { return treeTable.reload.apply(null, args); }; - var updateStatus = function (data, statusObj, childrenKey) { + var updateStatus = function (data, statusObj, childrenKey, notCascade) { var dataUpdated = []; layui.each(data, function (i1, item1) { if (layui.type(statusObj) === 'function') { @@ -1093,18 +1100,18 @@ layui.define(['table'], function (exports) { $.extend(item1, statusObj); } dataUpdated.push($.extend({}, item1)); - dataUpdated = dataUpdated.concat(updateStatus(item1[childrenKey], statusObj, childrenKey)); + notCascade || (dataUpdated = dataUpdated.concat(updateStatus(item1[childrenKey], statusObj, childrenKey, notCascade))); }); return dataUpdated; } - Class.prototype.updateStatus = function (data, statusObj) { + Class.prototype.updateStatus = function (data, statusObj, notCascade) { var that = this; var options = that.getOptions(); var treeOptions = options.tree; data = data || table.cache[options.id]; - return updateStatus(data, statusObj, treeOptions.customName.children); + return updateStatus(data, statusObj, treeOptions.customName.children, notCascade); } Class.prototype.getTableData = function () { @@ -1386,6 +1393,8 @@ layui.define(['table'], function (exports) { treeTable.checkStatus = function (id, includeHalfCheck) { var that = getThisTable(id); if (!that) return; + var options = that.getOptions(); + var treeOptions = options.tree; var checkName = table.config.checkName; // 需要区分单双选 @@ -1395,7 +1404,7 @@ layui.define(['table'], function (exports) { }); var isAll = true; - layui.each(table.cache[id], function (i1, item1) { + layui.each(treeOptions.check.cascade === 'all' ? table.cache[id] : treeTable.getData(id, true), function (i1, item1) { if (!item1[checkName]) { isAll = false; return true; @@ -1507,8 +1516,11 @@ layui.define(['table'], function (exports) { var checkName = table.config.checkName; + var cascade = treeOptions.check.cascade; + var isCascadeParent = cascade === 'all' || cascade === 'parent'; + // 如有必要更新父节点们的状态 - if (dataP) { + if (isCascadeParent && dataP) { var trsP = that.updateParentCheckStatus(dataP, layui.type(checked) === 'boolean' ? checked : null); layui.each(trsP, function (indexP, itemP) { var checkboxElem = tableView.find('tr[lay-data-index="' + itemP[LAY_DATA_INDEX] + '"] input[name="layTableCheckbox"]:not(:disabled)'); @@ -1528,13 +1540,16 @@ layui.define(['table'], function (exports) { // 更新全选的状态 var isAll = true; var isIndeterminate = false; - layui.each(table.cache[tableId], function (i1, item1) { + layui.each(treeOptions.check.cascade === 'all' ? table.cache[tableId] : treeTable.getData(tableId, true), function (i1, item1) { if (item1[checkName] || item1[LAY_CHECKBOX_HALF]) { isIndeterminate = true; } if (!item1[checkName]) { isAll = false; } + if (isIndeterminate && !isAll) { + return true; + } }) isIndeterminate = isIndeterminate && !isAll; form.render(tableView.find('input[name="layTableCheckbox"][lay-filter="layTableAllChoose"]').prop({ @@ -1600,6 +1615,7 @@ layui.define(['table'], function (exports) { var checkNode = function (trElem, checked, callbackFlag) { var that = this; var options = that.getOptions(); + var treeOptions = options.tree; var tableId = options.id; var tableView = options.elem.next(); var inputElem = (trElem.length ? trElem : tableView).find('.laytable-cell-radio, .laytable-cell-checkbox').children('input').last(); @@ -1657,11 +1673,9 @@ layui.define(['table'], function (exports) { trElem.siblings().removeClass(ELEM_CHECKED); // 取消其他行背景色 form.render(trElem.find('input[type="radio"][lay-type="layTableRadio"]').prop('checked', checked)); } else { - var isParentKey = options.tree.customName.isParent; // 切换只能用到单条，全选到这一步的时候应该是一个确定的状态 checked = layui.type(checked) === 'boolean' ? checked : !trData[checkName]; // 状态切换，如果遇到不可操作的节点待处理 todo // 全选或者是一个父节点，将子节点的状态同步为当前节点的状态 - // if (!trData || trData[isParentKey]) { // 处理不可操作的信息 var checkedStatusFn = function (d) { if (!d[table.config.disabledName]) { // 节点不可操作的不处理 @@ -1670,13 +1684,12 @@ 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, trData && treeOptions.check.cascade === 'parent'); var checkboxElem = tableView.find(trs.map(function (value) { return 'tr[lay-data-index="' + value[LAY_DATA_INDEX] + '"] input[name="layTableCheckbox"]:not(:disabled)'; }).join(',')); checkboxElem.closest('tr')[checked ? 'addClass' : 'removeClass'](ELEM_CHECKED); // 标记当前选中行背景色 form.render(checkboxElem.prop({checked: checked, indeterminate: false})); - // } var trDataP; // 更新父节点以及更上层节点的状态 if (trData && trData[LAY_PARENT_INDEX]) {