Element: tree:树形控件 功能建议

Created on 8 Oct 2016  ·  11Comments  ·  Source: ElemeFE/element

_20161008165204

ElementUI version

OS/Browers version

Vue version

What is Expected?

希望能够在每层name前自定义图标,每层树后面可以添加操作按钮,比如:编辑、删除

What is actually happening?

暂时没有找到可以添加的方法

design feature request

Most helpful comment

你好,想问下,tree控件每个node后面用 render-content实现的按钮操作,有属性设置只有在hover状态才出现,在鼠标没移动到该node上时,不显示按钮操作吗

All 11 comments

  1. 嗯,对操作按钮的需求我们之前有考虑到,之后应该会陆续加入。
  2. 前面的图标,我们会进一步确认,如果真的有必要,会加入这个特性。

已经提供 render-content 属性,会在 rc8发布,参考 #470

同求二级目录后面可以增加图标并且可以响应相应功能。

这功能利国利民啊。

另外最好能够支持二级目录的拖动功能呢。

您好!是否可以看看你截图的那个组件的源码呢,自己要做一棵树结构的展示,并且只能勾选叶子节点遇到一些问题,想参考一下您的方法

https://jsfiddle.net/api/post/library/pure/

<el-tree :data="data2" :props="defaultProps" show-checkbox="" node-key="id" default-expand-all :expand-on-click-node="false" :render-content="renderContent">
</el-tree>

el-tree 添加 :render-content="renderContent" 渲染;列表展示位空了;
示例代码也存在此类问题

你好,想问下,tree控件每个node后面用 render-content实现的按钮操作,有属性设置只有在hover状态才出现,在鼠标没移动到该node上时,不显示按钮操作吗

@weichendahai 需要配置 JSX 环境。终端中执行 npm install\ babel-plugin-syntax-jsx\ babel-plugin-transform-vue-jsx\ babel-helper-vue-jsx-merge-props\ babel-preset-es2015\ --save-dev
然后 项目中找到.babelrc 文件,增加配置{ "presets": ["es2015"], "plugins": ["transform-vue-jsx"] }

怎么给elementUi tree 控件父节点添加自定义图标呢???请发到[email protected] 邮箱上,谢谢了!!

@fishpaw 你好,想问下,tree控件每个node后面用 render-content实现的按钮操作,有属性设置只有在hover状态才出现,在鼠标没移动到该node上时,不显示按钮操作吗 就是这个人说的问题 有什么好办法吗 还有就是我的tree是动态生成的 我现在需要 要它根据我的操作实时刷新需要怎么做

@James-jun06 你的问题解决了吗

Was this page helpful?
0 / 5 - 0 ratings