WebTreeView树控件初始化
概述
- WebTreeView树控件初始化
示例
视图树数据xml格式例子：
<?xml version='1.0' encoding='utf-8' ?> <Items IsExpand='false' IsExpandChild='true' EnableCheckBoxes='true' EnableThreeStateCheckbox='true' Mode='none'> <Item Text='七匹狼' Id='33515' select='1' IsExpand='false' Mode='none' > <Item Text='七匹狼(红)' Id='153040' > </Item> <Item Text='七匹狼(圣典)' Id='309136' > </Item> <Item Text='七匹狼(睿典)' Id='309330' > </Item> <Item Text='七匹狼(纯典)' Id='309427' > </Item> <Item Text='七匹狼(纯金)' Id='309524' > </Item> <Item Text='七匹狼(红金)' Id='309718' > </Item> <Item Text='七匹狼(枣红新)' Id='309815' > </Item> <Item Text='七匹狼(豪情，厦门)' Id='61170' > </Item> <Item Text='七匹狼(古田)' Id='61356' > </Item> </Item> <Item Text='金桥' Id='33516' IsExpand='false' Mode='none' > <Item Text='金桥(软混)' Id='310785' > </Item> <Item Text='金桥(国际)' Id='310882' > </Item> <Item Text='金桥(红国际)' Id='310980' > </Item> <Item Text='金桥(英伦奶香)' Id='311173' > </Item> <Item Text='金桥(台湾84)' Id='311270' > </Item> </Item> <Item Text='石狮' Id='33517' IsExpand='false' Mode='none' > <Item Text='石狮(软吉庆)' Id='311561' > </Item> <Item Text='石狮(沉香)' Id='311658' > </Item> <Item Text='石狮(沉香，厦门)' Id='62126' > </Item> <Item Text='石狮(软吉庆，特，厦门)' Id='62171' > </Item> <Item Text='石狮(平安，厦门)' Id='960339' > </Item> </Item> <Item Text='大丰收' Id='52684' IsExpand='false' Mode='none' > <Item Text='大丰收(福临门)' Id='310979' > </Item> <Item Text='大丰收(软)' Id='311271' > </Item> <Item Text='大丰收(软，厦门)' Id='62351' > </Item> <Item Text='大丰收(福临门，厦门)' Id='62396' > </Item> </Item> <Item Text='万宝路' Id='52706' IsExpand='false' Mode='none' > <Item Text='万宝路(软白)' Id='310008' > </Item> <Item Text='万宝路(软红)' Id='310301' > </Item> </Item> </Items>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38视图树加载js代码：
/* * @desc:初始化一个视图树页面 * @param:container 视图树对象容器 * @param:xml 视图树xml数据 */ var WTreeView = new WebTreeView(container,xml); WTreeView.Init();1
2
3
4
5
6
7
WebTreeView相关方法或事件
概述
- WebTreeView相关方法或事件
示例
常用方法或事件调用描述：
* * @desc:初始化一个视图树页面 * @param:container 视图树对象容器 * @param:xml 视图树xml数据 */ var WTreeView = new WebTreeView(container,xml); WTreeView.Init(); //初始化(无参数) /* * @desc:视图树载入数据 * @param:xml 视图树xml格式数据 */ WTreeView.loadXML(xml); //视图树载入数据 /* * @desc:添加基础节点 * @param:name => 项名称 * @param:value => 项值 * @param:action => 单击触发事件 * @param:img => 图片URL * @param:showImg => 是否显示图片 * @param:imgHeight => 图片高度 * @param:imgWidth => 图片宽度 */ WTreeView.AddRoot(name,value,action,img,showImg,imgHeight,imgWidth,contextMenu,isRender); //添加基础节点 /* * @desc:展开所有 */ WTreeView.ExpandAll(); //展开所有 /* * @desc:折叠所有 */ WTreeView.CollapseAll(); //折叠所有 /* * @desc:创建一个新的Item对象 * @param:name => 项名称 * @param:value => 项值 * @param:action => 单击触发事件 * @param:img => 图片URL * @param:showImg => 是否显示图片 * @param:imgHeight => 图片高度 * @param:imgWidth => 图片宽度 */ WTreeView.CreateItem(name,value,action,img,showImg,imgHeight,imgWidth,contextMenu); /* * @desc:获取当前树选中节点集合 */ WTreeView.getCheckItems();1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
WebTreeView节点对象Item相关事件
概述
- WebTreeView节点对象Item相关事件
示例
item为视图树节点对象
事件描述：
/* * @desc:向item集合中添加新项 * @param:name => 项名称 * @param:value => 项值 * @param:action => 单击触发事件 * @param:img => 图片URL * @param:showImg => 是否显示图片 * @param:imgHeight => 图片高度 * @param:imgWidth => 图片宽度 */ item.AddChild(name,value,action,img,showImg,imgHeight,imgWidth,contextMenu); /* * @desc:移除本身,如果有从属集合将从该集合中移除 */ item.Remove(); /* * @desc:展开当前节点 */ item.Expand(); /* * @desc:展开当前节点下所有节点 */ item.ExpandAll(); /* * @desc:折叠当前节点 */ item.Collapse(); /* * @desc:替换当前节点图片Url */ item.SetImage(url); /* * @desc:触发当前节点点击事件 */ item.Click(); /* * @desc:选中节点，并改变历只选中节点样式 */ item.Select(); /* * @desc:勾选节点 */ item.Change(); /* * @desc:折叠当前节点下的所有节点 */ item.CollapseAll(); /* * @desc:当前节点下的所子节点集合 */ item.Childs1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61