From 21d72c4a80fe2937d0c4ddd20624b27adbcd989b Mon Sep 17 00:00:00 2001 From: lizi00164331 Date: Mon, 7 Aug 2017 11:39:39 +0800 Subject: Upload the ESR GUI seed code Issue-ID: AAI-68 Change-Id: Ia50ce0570c2fabecd77199d4e8454f56fe587c4e Signed-off-by: lizi00164331 --- .../thirdparty/zTree/api/cn/treeNode.iconSkin.html | 43 ++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 common/src/main/webapp/thirdparty/zTree/api/cn/treeNode.iconSkin.html (limited to 'common/src/main/webapp/thirdparty/zTree/api/cn/treeNode.iconSkin.html') diff --git a/common/src/main/webapp/thirdparty/zTree/api/cn/treeNode.iconSkin.html b/common/src/main/webapp/thirdparty/zTree/api/cn/treeNode.iconSkin.html new file mode 100644 index 0000000..d5d9726 --- /dev/null +++ b/common/src/main/webapp/thirdparty/zTree/api/cn/treeNode.iconSkin.html @@ -0,0 +1,43 @@ +
+
+

StringtreeNode.iconSkin

+

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

+
+

+
+

节点自定义图标的 className

+

1、需要修改 css,增加相应 className 的设置

+

2、css 方式简单、方便,并且同时支持父节点展开、折叠状态切换图片

+

3、css 建议采用图片分割渲染的方式以减少反复加载图片,并且避免图片闪动

+

4、zTree v3.x 的 iconSkin 同样支持 IE6

+

5、如果想直接使用 图片的Url路径 设置节点的个性化图标,需要设置 treeNode.icon / treeNode.iconOpen / treeNode.iconClose 属性

+

默认值:无

+
+
+

String 格式说明

+
+

设置个性图标的 className

+
+

css & treeNode 举例

+

1. 设置节点的个性化图标

+
css 内容:
+.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}
+
+.ztree li span.button.diy02_ico_open{...}
+.ztree li span.button.diy02_ico_close{...}
+
+.ztree li span.button.diy03_ico_docu{...}
+
+js中节点数据:
+var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", iconSkin:"diy01"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconSkin:"diy02"},
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", iconSkin:"diy03"}
+]
+
+
\ No newline at end of file -- cgit 1.2.3-korg