Zebra入门 互动版

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为子节点内容。

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