要使用srczh.js中的树,请在页面中引入srczh.tree.js。

参数定义

id/class对象名必须
type类型tre-a,tre-b,tre-c必须
clas扩展类非必须
event事件触发类型click:单击触发
dblclick:双击触发
(该事件会自动执行钩子函数,函数命名定义如下:
"树ID"_"树节点ID"())
非必须
icon树图标json对象:树开启图标非必须
stretchicon子对象数组:指定收缩前后图标
(tre_c类型专用,可以是icon或图片或html)
非必须
branchicon子对象字符:指定树分支图标
(可以是icon或图片或html)
非必须
tree树顶级[["树id","树html","图标"]]
(以上示例 图标组可以忽略)
必须
child树子项["上级id",["子项id","子项html","图标"]]
(以上示例 图标组可以忽略)
非必须

定制示例

简单示例

			var jsons={
				id:"testa",
				type:"tre-a",
				tree:[["projtree","系统"]],
				child:[
					["projtree",["a1","项目"],["a2","开发"],["a3","文章"],["a4","开发"]],
					["a2",["java"],["php"],["aspx"]]
					],
				};
			new src_tree(jsons);
			

指定和默认配置icon tre-c类型创建树

			 var jsons={id:"testb",type:"tre-c",clas:"",
					icon:{
						stretch:["",""],
						branch:"",
					},
					 tree:[["projtree","","系统"]],
					child:[['projtree',
							['a1','项目'],
							['a2',"",'语言'],
							['文章'],
							['a4',"",'技术']
							],
							['a2',['java'],['php'],['aspx']],
							['a4',['html'],['css'],['js']]],
						};
			new src_tree(jsons);
			

内置方法

addTree(obj,json)添加树obj:树对象
json:添加对象数据
delTree(obj,id)删除树obj:树对象
id:树节点id
findTree(obj,json)查找树obj:树对象
json:查找对象数据
editTree(obj,json)修改树obj:树对象
json:修改对象数据
zoomTree(obj,int)缩放树节点obj:树节点对象
int:0=缩起;1=展开
showTree(obj)向上展开所有树节点obj:树节点对象

内置方法使用示例

			 let srtb=new src_tree(定义);
			//添加树节点
			srtb.addTree($("#testb"),{child:[["a1",["p1","srczh.tree"]]]});
			//删除树节点
			srtb.delTree($("#testb"),"a3");
			//查找树节点(查找数据允许id,text)查到数据后并向上展开
			srtb.findTree($("#testb"),{type:"text",val:"srczh.tree"});
			//修改树节点
			srtb.editTree($("#testb"),[["a1",["a11","项目组",""]]]);
			srtb.editTree($("#testb"),[["p1",["p11","srczh.tree.js",""]]]);
			//缩放树节点
			srtb.zoomTree($("#testb").find("#projtree"),0);

			
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司