[Tree] ??

tree用于构建一个树对象，通常用于构建菜单，或者复杂的机构层次，显示效果如下：

树中的每个节点都是所绑定的数据集(dataset)中每一条记录(record) 节点与节点之间的层次关系是通过tree标签的属性idField和parenFeild来联系的，idField属性指定的是record中用来表示该节点的唯一标识(ID)的字段(field)名，parentField属性指定的record中用来表示该节点的父节点的ID和field名。 Tree标签的属性displayField指定的record中用来表示节点文本信息的field名。 下面的代码将构建一个简单的树。

                
        <a:dataSets>
            <a:dataSet id="tree_ds" >
                <a:datas>
                    <a:record currentrecord="1" parent="0" text="根"/>
                    <a:record currentrecord="11" parent="1" text="叶子1"/>
                    <a:record currentrecord="111" parent="11" text="小叶子11"/>
                    <a:record currentrecord="112" parent="11" text="小叶子12"/>
                    <a:record currentrecord="12" parent="1" text="叶子2"/>
                    <a:record currentrecord="121" parent="12" text="小叶子121"/>
                    <a:record currentrecord="13" parent="1" text="叶子3"/>
                </a:datas>
            </a:dataSet>
        </a:dataSets>
        <a:tree bindTarget="tree_ds" displayField="text" idField="currentrecord"  parentField="parent"/>
                

树的显示效果如下图：

通过节点渲染，我们可以为树节点添加超链接。在tree标签中指定renderer渲染函数实现。 代码如下：

                
   <a:tree bindTarget="tree_ds" displayField="text" idField="currentrecord" 
 parentField="parent" renderer="treeRenderer"/>
                

在tree标签中添加rederer属性，指定treeRecnderer函数渲染连接，渲染函数获取url，指定连接到相应的url。下表为渲染函数

                
                 
        function treeRenderer(text,record,node){
        	var url = record.get('url');
        	if(url){
        		return '<a href="'+url+'">'+text+'</a>';
        	}else{
        		return text;
        	}
        }
        
                

显示效果如下图：

节点的颜色变为超链接的颜色，点击后可以连接到相应的url页面。