ExtJS：如何拥有一个具有多个根的TreePanel？

Question

我正在使用 ExtJS 2.2.1

在我的网络应用程序中，我曾经有一个带有单根的TreePanel，如下所示：

`
|- Colors
   |- Blue
   |- Red
   |- Yellow

现在我已经意识到顶级节点没有意义，我想删除它并宣传它的孩子：

`
|- Blue
|- Red
|- Yellow

问题是，根据文档，a TreePanel must always have a single root。

如何制作包含多个节点的TreePanel？

这是我当前创建树的代码：

var tree = new Ext.tree.TreePanel({
  animate:true,
  enableDD:false,
  loader: new Ext.tree.TreeLoader({
    dataUrl: 'colors.json'
  }),
  lines: true,
  selModel: new Ext.tree.MultiSelectionModel(),
  containerScroll: true,
  autoScroll: true,
  height: 100,
  width: 280,
  rootVisible: true,

  root: new Ext.tree.AsyncTreeNode({
      text: 'Colors', 
      hasChildren:true,
      id: 1
    }),
  el: 'tree'
});

Answer 1

创建一个假根节点并将rootVisible设置为false以隐藏它。