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:节点多选功能

多选功能前端部分

多选功能后端部分

界面效果如图:
tree

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 节点选中状态改变后触发

 

hackIE