Comments (4)
check-strictly 为 false 的时候,只有子节点(叶子结点)能被选中,是有什么问题吗?
在我的场景里 ,这个11 其实是个分组(组是仓库组的概念) ,只是这个组下没有了children。 children是仓库的概念 我是选择框是为了收集仓库的id发送给服务端
我设想的check-strictly 只能选择仓库
我理解最终为什么能选择11,因为 11 这个分组已经没有children了 他被认为了是一个children
提这个issue是在想,能否提供其他的参数 让check-strictly分清层级 至少目前来看 我觉得check-strictly是不合理的
我最终的解决方案是 删除所有空的children&&type是group 的节点,得到一个处理好的数据
/** * 处理树形数据,删除children为null的节点 * @param tree */ function removeEmptyGroupNodes(tree: IWarehouseGroupListParamVO[]): IWarehouseGroupListParamVO[] { return tree.reduce((acc: IWarehouseGroupListParamVO[], item: IWarehouseGroupListParamVO) => { // 如果当前节点有子节点,对子节点进行递归处理 if (item.children && item.children.length > 0) { item.children = removeEmptyGroupNodes(item.children); } // 如果当前节点的children为null且type为'group',则删除该节点 if (item.children === null && item.type === 'group') { console.log('删除的节点', item); return acc; // 不将当前节点添加到累加器中 } // 如果子节点数组被清空,且当前节点type为'group',则不添加当前节点到累加器 if (item.children && item.children.length === 0 && item.type === 'group') { console.log('删除的父节点', item); return acc; } // 否则,将当前节点添加到累加器中 acc.push(item); return acc; }, []); }
是不是可以像这个 demo 一样,把所有选择框显示出来,然后通过禁用的方式,来禁止选择
from element-plus.
check-strictly 为 false 的时候,只有子节点(叶子结点)能被选中,是有什么问题吗?
from element-plus.
check-strictly 为 false 的时候,只有子节点(叶子结点)能被选中,是有什么问题吗?
在我的场景里 ,这个11 其实是个分组(组是仓库组的概念) ,只是这个组下没有了children。 children是仓库的概念
我是选择框是为了收集仓库的id发送给服务端
我设想的check-strictly 只能选择仓库
我理解最终为什么能选择11,因为 11 这个分组已经没有children了 他被认为了是一个children
提这个issue是在想,能否提供其他的参数 让check-strictly分清层级 至少目前来看 我觉得check-strictly是不合理的
我最终的解决方案是 删除所有空的children&&type是group 的节点,得到一个处理好的数据
/**
* 处理树形数据,删除children为null的节点
* @param tree
*/
function removeEmptyGroupNodes(tree: IWarehouseGroupListParamVO[]): IWarehouseGroupListParamVO[] {
return tree.reduce((acc: IWarehouseGroupListParamVO[], item: IWarehouseGroupListParamVO) => {
// 如果当前节点有子节点,对子节点进行递归处理
if (item.children && item.children.length > 0) {
item.children = removeEmptyGroupNodes(item.children);
}
// 如果当前节点的children为null且type为'group',则删除该节点
if (item.children === null && item.type === 'group') {
console.log('删除的节点', item);
return acc; // 不将当前节点添加到累加器中
}
// 如果子节点数组被清空,且当前节点type为'group',则不添加当前节点到累加器
if (item.children && item.children.length === 0 && item.type === 'group') {
console.log('删除的父节点', item);
return acc;
}
// 否则,将当前节点添加到累加器中
acc.push(item);
return acc;
}, []);
}
from element-plus.
是不是可以像这个 demo 一样,把所有选择框显示出来,然后通过禁用的方式,来禁止选择
是的,通过某个prop控制选择
from element-plus.
Related Issues (20)
- [Component] [select] el-select use name as attribute is invalid in version 2.5.0, in version 2.4.4 is ok HOT 1
- [Component] [input] el-input input-style peroperty with backgroundColor HOT 2
- [Component] [time-picker] MessageBox Content text color Settings 内容文字颜色设置 HOT 1
- [Style] [radio-group] el-radio-group 选项不自动换行,溢出父级宽度区域 HOT 4
- [Component] [message-box] 自动导入下ElMessageBox显示异常,必须import 'element-plus/dist/index.css'才正常显示 HOT 3
- [Style] [tour] Tour组件,屏幕缩放设置为150%时,蒙层宽高未占满页面
- [Component] [date-picker] DatePicker format动态修改无效 HOT 3
- [Component] Dialog组件,使用ScrollBar组件包裹Form 组件设置label-position='top',Form下包含 Row,设置 gutter后,Dialog出现横向滚动条 HOT 1
- [Build] [table] 在chrome71上 数据不能被正常解构 HOT 3
- [Component] [autocomplete] autocomplete closes automatically when clicking on a custom element inside the popup HOT 1
- [Component] el-select-v2 在开发环境下选中后面的选项之后会返回到顶部第一个 HOT 2
- [Component] [upload] Upload component, tip on close cover file name
- [Component] [popover] dropdown里的popover在关闭时出现闪屏的现象 HOT 4
- [Component] [drawer] el-drawer 设置 class不生效 HOT 1
- [Component] [popover] [Component] [el-selection] The selection with option in a popover make popover close immediately HOT 1
- [Component] [table] How to make the columns of the child table affected by the sorting of the parent table when the child table is expanded.
- [Component] el-dropdown 在定位场景下,消失时会闪屏 HOT 1
- [Component] [select] remote El-select with option value object does not show correctly No-Data element HOT 2
- [Performance] [drawer] el-drawer动画卡顿,帧数低
- [i18n] [message-box] ElMessageBox.confirm 提示框默认提供的按钮文本不能国际化的问题 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from element-plus.