标签语法

<z:tree customscrollbar="true" id="tree1" lazy="true" level="2" method="Catalog.bindAdminTree"> <p cid="${ID}" class="treeItem_p" innercode="${InnerCode}" listurl="${ListURL}" onclick="onTreeClick(this);" oncontextmenu="showMenu(event,this);stopEvent(event);"> ${Name} </p> </z:tree>

Z标签语法

属性名	值	描述
id	String	Tree的id值
method	String	返回数据的后台方法
level	Number	载入几级数据
lazy	true/false	是否在展开节点时再载入节点下数据
checkbox	all/branch/leaf	是否使用多选功能，值为哪些节点要加上多选框，all全部节点/branch枝节点/leaf节子节点
cascade	true/false	是否使用多选级联功能（自动勾选子节点），默认为true
radio	all/branch/leaf	是否使用单选功能，值为哪些节点要加上单选框，all全部节点/branch枝节点/leaf节子节点
expand	true/false	是否展开

节点自定义属性

属性名	值	描述
onClick	-	点击节点后执行的js语句，上下文为节点dom对象
checked	true	节点是否勾选中
chkdisabled	true	是否禁用节点勾选

Tree的成员方法

	类型	描述
setParam	String param，String value，Object setProp	设置参数值
getParam	String param	获取参数值
clear	-	清空Tree控件中的内容
getTreeNodes	-	取得树的节点的集合map,treeNode的id与treeNode的键值对
getTreeNodeById	String id	通过id属性来取得treeNode
getCurrentNode	-	取得树的当前节点
setCurrentNode	Node treeNode	设置节点为树的当前节点
loadData	Function func ,DataCllection dc	根据参数载入数据
selectByAttr	String attr,String val,Boolean execEventFlag	选中属性attr的值为val的节点
getCheckedData	String attrName	获取被勾选的节点的数据集合，如果传入attrName参数则返回字符串数组，否则返回节点对象数组
checkNode	TreeNode node	勾选某个节点
selectByIdPath	Array ids	通过传入从目标节点的所有父节点id来逐层展开节点，并且选中目标节点
selectByInnerCode	String innercode	通过查找待定innercode属性逐层展开节点，并且选中目标节点

Tree的静态方法

属性名	类型	描述
filter	HTMLElement ele,String val	通过一个方法过滤树内容的显示
lazyLoad	HTMLElement node,Function fun	延迟加载
select	HTMLElement node,String attr,String val[,Boolean execEventFlag]	根据属性attr选中该属性值为val的节点
getParam	HTMLElement ele,String param	获得Tree的某个参数
setParam	HTMLElement ele,String param,String value	设置Tree的某个参数值
loadData	HTMLElement ele[,Function func]	根据Tree的现有参数，重载内容
selectNode	nodeEl,execEventFlag
isRoot	HTMLElement ele	判断节点元素是否为根节点

代码实例1

代码实例2：节点多选功能

多选功能前端部分

多选功能后端部分

@Priv(UserPriv.MenuID)
	public void bindRoleTree(TreeAction ta) {
		DataTable dt = new Q(
				"select RoleCode,'' as ParentID,'1' as TreeLevel,RoleName,'' as Checked,'false' as ChkDisabled from zdrole where branchinnercode like ?",
				User.getBranchInnerCode() + "%").fetch();
		String userName = $V("ID");
		List<String> roles = null;
		if (ObjectUtil.notEmpty(userName)) {
			roles = PlatformUtil.getRoleCodesByUserName(userName);
		}
		for (DataRow dr : dt) {
			String code = dr.getString("RoleCode");
            if(userName.equals("admin") && code.equalsIgnoreCase("admin")){
				dr.set("ChkDisabled", "true");//如果当前用户为admin，则禁用对admin节点的勾选修改功能
			}
            if (ObjectUtil.empty(userName) && RoleUI.EVERYONE.equalsIgnoreCase(code)) {
				dr.set("Checked", true);
			}
			if (roles != null && roles.contains(code)) {
				dr.set("Checked", true);
			}
		}
		ta.setRootText(Lang.get("Platform.Plugin.Role"));
		ta.setIdentifierColumnName("RoleCode");
		LangUtil.decode(dt, "RoleName");
		ta.bindData(dt);
	}

界面效果如图：

Tree.TreeNode类成员方法

方法名	参数	描述
lazyLoad	Function func，Datacollection dc	延迟加载
getString	-	获得控件字符串
getParentNode	-	获得节点的父节点
setParentNode	Node parentNode	设置节点的父节点
getChildNodes	-	取得节点的子节点数组
setTree	Tree tree	设置节点的对应的Tree
getTree	-	取得节点对应的Tree
appendData	Object childrenData	增加一组children数据。数据格式:[{text:"",href:"",children:[{text:"",href:""}
isParent	Node treeNode	递归判断本节点是否是传进来treeNode的父节点
appendTo	Node parentNode	将已有节点添加到目标节点中，成为这个目标节点的子节点
moveTo	Node parentNode	将此节点移动至一个目标节点,成为这个目标节点的next节点
appendChild	Node treeNode，Number index	新增一个子节点，1.先判断子节点是否被渲染过，如果渲染过，就将子节点append到自己subNodes容器里，否则就inertHTML的子节点的getString，2.对parentNode与childNodes进行变更， 3.更新treeNode与tree的update。
removeAllChildren	-	批量删除一个节点下的所有子节点
removeChild	Node treeNode	删除一个子节点
update	Object options	更新节点的一系列属性
hide	-	隐藏节点，但不包括它的子节点
show	-	显示节点
expandAll	-	递归展开所有子节点
collapseAll	-	递归手气所有子节点
getIndex	-	取得本节点所对应父节点的索引
getNext	-	取得本节点的下一个节点
getPrevious	-	取得本节点的上一个节点
getFirstChild	-	取得本节点的第一个子节点
getLastChild	-	取得本节点的最后一个子节点

Tree.TreeNode继承UICompBase之外的事件

事件	描述
click	节点点击后触发
append	添加节点后触发
expandnode	展开节点后触发
collapsenode	收起节点后触发
load	加载treeNode节点时触发
movenode	移动节点时触发
insert	插入节点后触发
select	选中节点时触发
unselect	节点选中状态改变后触发