开发者社区> 问答> 正文

zTree能否配置全局的自定义图标? : 配置报错 

看文档,zTree是支持自定义图标的,但必须在节点上配置,例如:

var zNodes =[ { id:1, pId:0, name:"展开、折叠 自定义图标不同", open:true, iconOpen:"../../../css/zTreeStyle/img/diy/1_open.png", iconClose:"../../../css/zTreeStyle/img/diy/1_close.png"}, { id:11, pId:1, name:"叶子节点1", icon:"../../../css/zTreeStyle/img/diy/2.png"}, { id:12, pId:1, name:"叶子节点2", icon:"../../../css/zTreeStyle/img/diy/3.png"}, { id:13, pId:1, name:"叶子节点3", icon:"../../../css/zTreeStyle/img/diy/5.png"}, ];
这样虽然也能达到目的,但如果节点较多,而且全部目录节点、叶子节点的自定义图标是相同的(这种情况应该挺常见的),好像在每个节点上都写一遍图标配置,有些冗余。 请问,能否支持一个全局的自定义图标配置呢?例如在全局的配置 setting 中增加 iconOpen 、 iconClose 、 iconLeaf 字段,作为全局的配置?

展开
收起
kun坤 2020-06-04 13:13:52 712 0
1 条回答
写回答
取消 提交回答
  • 自己再封装一个方法,调用时,只调用自己封装好的方法就行了######

    引用来自“隔壁家老王”的评论

    自己再封装一个方法,调用时,只调用自己封装好的方法就行了 这个还有个好处就是,以后如果不想用zTree,要改用别的控件,只要改这个方法就行了,还有引用,不用每个页面去改######覆盖它的样式或者定制一套自己的皮肤css,就可以了。######在你的整个系统或者某个应用页面上面,或者某一个zTree实例上面,你只能应用一个zTree 的样式,所以,看你是不是弄个全局的(直接改ztree.css)还是相对当前页面的(ztree_custom.css),或者针对特定的zTree: #departmentTree { } #departmentTree icon-xxx{ }######嗯,修改ztree的样式图片,或者修改css,都可以满足基本的需求。但感觉这样修改之后,后续要升级ztree就有些麻烦了。 可以的话,我还是希望不要去改动ztree源文件,后续可以无缝升级。######利用 iconSkin 的方式更方便, 而且可以直接给自己的 zTree 增加特殊 className,制作新的样式覆盖 默认样式即可!也便于升级
    2020-06-05 13:23:26
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载