ztree 使用awesome字体

最新推荐文章于 2023-04-13 16:49:25 发布

中年程序员

最新推荐文章于 2023-04-13 16:49:25 发布

阅读量2k

点赞数

分类专栏：代码收藏文章标签： ztree awesome

本文链接：https://blog.youkuaiyun.com/zmzmmf/article/details/25638453

版权

代码收藏专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在zTree中应用Awesome字体，通过修改expandCollapseNode函数来实现节点展开和折叠时的样式调整，主要涉及对node class的操作，具体解决方法是对相关代码行进行注释。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、修改makeNodeIcoClass函数，此函数负责生成node的class属性
二、修改expandCollapseNode函数，次事件在打开及收缩时会修改node的class，最简单的方式是注释掉以下代码中的两行

view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);

			if (node.isParent) {
				node.open = !node.open;
				if (node.iconOpen && node.iconClose) {
					icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
				}

				if (node.open) {
					view.replaceSwitchClass(node, switchObj, consts.folder.OPEN);
//					view.replaceIcoClass(node, icoObj, consts.folder.OPEN);
					if (animateFlag == false || setting.view.expandSpeed == "") {
						ulObj.show();
						tools.apply(callback, []);
					} else {
						if (node[childKey] && node[childKey].length > 0) {
							ulObj.slideDown(setting.view.expandSpeed, callback);
						} else {
							ulObj.show();
							tools.apply(callback, []);
						}
					}
				} else {
					view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE);
//					view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);
					if (animateFlag == false || setting.view.expandSpeed == "" || !(node[childKey] && node[childKey].length > 0)) {
						ulObj.hide();
						tools.apply(callback, []);
					} else {
						ulObj.slideUp(setting.view.expandSpeed, callback);
					}
				}
			} else {
				tools.apply(callback, []);
			}