ztree给指定节点添加特殊样式

  要给ztree某些特别的节点增加样式,控制显示的颜色,字体,可以通过ztree的view配置节点的fontCss配置,将fontCss配置为函数,依据传入的节点参数进行判断后返回相关的css进行空。

 

ztree fontCss使用说明

概述[ 依赖 jquery.ztree.core 核心 js ]

个性化文字样式,只针对 zTree 在节点上显示的<A>对象。

默认值:{}

JSON 格式说明

JSON 格式为 JQuery css方法中的 JSON 对象格式,例如:{color:"#ff0011", background:"blue"}

Function 参数说明

treeIdString

对应 zTree 的 treeId,便于用户操控

treeNodeJSON

需要设置自定义样式的节点 JSON 数据对象

返回值JSON

返回值同 JSON 格式的数据,例如:{color:"#ff0011", background:"blue"}

setting & function 举例

1. 不修改CSS,设置全部节点 name 显示为红色

var setting = {
	view: {
		fontCss : {color:"red"}
	}
};

2. 设置 level=0 的节点 name 显示为红色

function setFontCss(treeId, treeNode) {
	return treeNode.level == 0 ? {color:"red"} : {};
};
var setting = {
	view: {
		fontCss: setFontCss
	}
};

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:ztree给指定节点添加特殊样式

评论(0)Web开发网
阅读(2086)喜欢(0)JavaScript/Ajax开发技巧