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] [tag] el-tag组件再移除时没有动画 HOT 2
- [Component] [tree-select] TreeSelect 组件结合 persistent 属性使用时回显异常
- [Component] [select, dialog] After setting open's animation for dialog, el-select can't show the label; 给dialog设置动画效果,里面的select组件无法正常显示
- [Component] [select, dialog] 给dialog设置打开时的动画效果后,dialog里面的select组件无法正常显示所选label HOT 1
- [Component] [dialog, message-box] Overflow screen when dragging and dropping Message Box and Dialogue HOT 1
- [Component] [select] select multiple 会自动触发一次表单校验 HOT 3
- [Component] persistent为false 时,popover组件存在内存泄漏
- [Component] [tabs] Tabs 手动设置宽度,标签标题不能沾满父级宽度
- [Style] [table] [el-table] in safari the column is misalignment HOT 1
- [Component] [button] loading position error
- [Component] [select-v2] 关于select-v2的BUG HOT 1
- [TypeScript] [All] 使用pnpm安装依赖时,全局组件会失去类型提示 HOT 8
- [Component] [select] el-select使用clearable清空后,类型变为undefined HOT 3
- [TypeScript] tsconfig 配置 Volar 支持 compilerOptions.types 及路径别名 compilerOptions.paths 后 vscode 路径感知变慢
- [Component] [tree-select] with teleported="false" dropdown closes abnormally HOT 1
- [Component] [button] Button auto hover and active color not working when `color` obtained from css variable HOT 2
- [Component] [date-picker] el-date-picker支持多选单个年和日期,但是不支持多选单个月份 HOT 1
- [Component] [date-picker] el-date memory overflow HOT 4
- [Performance] [drawer] el-drawer中嵌套el-drawer,设置modal-class中属性为backdrop-filter: blur(5px),会导致drawer中的内容卡顿
- [Component] [tabs, table] ElTabls多页签下的隐藏的ElTable组件,无法通过 setScrollTop(0) 重置滚动到表格顶部 HOT 14
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.