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