LayaBox:树的使用

官方文档：
https://ldc2.layabox.com/doc/?nav=zh-as-3-3-15
我的代码示例：

private var _bossTree:Tree
//获取树组件对象
_bossTree= this.getNodeByID(56)

//定义树渲染回调和点击回调
this._bossTree.mouseHandler = Handler.create(this, onTreeMouseHandler,null,false)
this._bossTree.renderHandler = Handler.create(this,onRender,null,false);

//初始化树的列表数据
private function initLeftData():void{
        // 组装tree的数据
    var treeData:String = "<data>"
    var totalChapter:int = 0;
    var fbId:int = 1;
    for(var i:int = 0; i < totalChapter; ++i){
        if(type == "有子列"){
               treeData += "<chapter  isOpen='false' name='group_"+(i+1)+"' fbId='"+fbId+ "'>";             
               var totalGuanka:int = 2;
               for(var j:int = 0; j < totalGuanka; ++j){
                    treeData += "<paragraph name='paragraph_"+(i+1)+"_"+j+"' fbId='"+fbId+"'/>";
                    fbId +=1;
               }
        }else//没有子列
            treeData += "<chapter name='chapter_"+i+"'>";
        treeData += "</chapter>";
    }
    treeData += "</data>";
    // 解析tree的数据
    var xml:* = Utils.parseXMLFromString(treeData);
    this._bossTree.xml = xml
}

//树的点击
public function onTreeMouseHandler(e:Event,index:int):void{
    if(e.type == Event.CLICK){
             \\。。。
       } 
}

//渲染boss列表      
public function onRender(cell:Box,index:int):void{
        \\。。。。。参考文档
       \\通过index来调用DATA来渲染对应cell的数据
}

//刷新树列表
_bossTree.fresh();

组装数据效果图：（可用谷歌等浏览器查看.xml文件）

treeData1.png treeData2.png