树形图Ztree添加图标

登录

有客户想要修改树形图的图标样式，目前在活字格内置的树形图中不是很好实现，牵扯的代码过多。
因为我们的树形图使用的是第三方开源的ztree插件，所以可以换个方式直接去自己用代码搞一套ztree树形图在活字格中展示。具体工程文件参考附件。

在ztree中添加图标的方法就是在创建树形图数组的时候给对应的节点设置icon属性。如下图：

首先，将你需要的图标放到资源文件夹中的对应路径下。如下图：

修改页面加载命令。为了方便测试，这里使用的是在线的微信图标。如果需要使用上传的资源文件夹下的图标的话，设计器这里需要修改为“当前系统url" + "Resourcrs/UserFile/img/diy/1_open.png”，服务器使用Forguncy.Helper.SpecialPath.getBaseUrl() + "Resourcrs/UserFile/img/diy/1_open.png”

如果还有其他方面的问题，可以去ztree官网进行查找学习。
http://www.treejs.cn/v3/main.php#_zTreeInfo

JC壹玖玖伍 · JC壹玖玖伍

大佬，跑不起来，图片老是不出来，看有空能更新一下demo吗，9.0.4

Eric.Liang · Eric.Liang

JC壹玖玖伍发表于 2024-2-1 16:10
大佬，跑不起来，图片老是不出来，看有空能更新一下demo吗，9.0.4

你看的这个太老了，后面的版本里我们已经加强了树型图的能力，你可以直接依靠树型图自带的属性实现就行

JC壹玖玖伍 · JC壹玖玖伍

Eric.Liang 发表于 2024-2-1 16:20
你看的这个太老了，后面的版本里我们已经加强了树型图的能力，你可以直接依靠树型图自带的属性实现就行
...

我主要是想学习下怎么应用ztree的其他功能，比如显示虚线层级，显示勾选，各级显示不同图标，鼠标拖动，右键选项等等

ForTheKing · ForTheKing

有没有考虑后续出一个element的树呢

JC壹玖玖伍 · JC壹玖玖伍

ztree感觉功能很强大，树形勾选很多场景都可以用，拖动排序也很实用，我感觉想要官方实现全部的功能有点困难，所以看大佬能不能抽点时间，更新下应用ztree api实现ztree功能的demo，这样，我自己也能灵活使用ztree了

Joe.xu · Joe.xu

我会将大家的反馈转给楼主，但楼主平时比较忙，不一定有时间处理

目前树型图已经是官方插件，大家有需求也可以去产品需求版块发帖哈，后续会有专门负责这个板块的技术人员，对这些需求进行整理和评估哈~感谢您的支持呢~

		自动登录	找回密码
密码			立即注册

[已处理] 树形图Ztree添加图标

本帖子中包含更多资源

6 个回复

本帖子中包含更多资源

讲师达人

悬赏达人

元老葡萄

活字格认证

活字格高级认证

微信认证勋章

时代开发者征文活动

圣诞拼拼乐