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

Question

我正在使用ExtJS 2.2.1

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

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

现在我已经意识到顶级节点没有意义,我想删除它并促进其子节点:

`
|- Blue
|- Red
|- Yellow

问题是,根据文档,TreePanel必须始终具有单个根.

如何创建具有多个节点的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以隐藏它.