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 以隐藏它。