Zebra入门 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

Tree


   zebra 中有树状结构的组件吗?答案是肯定的,Tree类用于创建树状结构组件。

//创建树状结构组件,根节点“Root”,并包含两个子节点
var tree = new zebra.ui.tree.Tree({
     value: "Root",
     kids : [  "Item 1", "Item 2"]
});

  Tree的参数对象中,value表示当前节点的内容,kids表示子节点的内容。

  如果有多级子节点该怎么处理呢?请看示例:

var tree = new zebra.ui.tree.Tree({
     value: "Root",
     kids : [{ value:'Item1',kids:['item1','item2'] }, "Item 2"]
});

  当节点包含子节点时,参数将会是一个 JSON 类型的数据,其中value键表示节点的内容,kids为子节点内容。

创建一个树状结构组件,并为它添加三级子节点。