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

我正在使用 ExtJS 2.2.1

在我的Web应用程序中，我曾经有一个具有单个根的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'
});

最佳答案

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

关于extjs - ExtJS:如何拥有一个具有多个根的TreePanel？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1099592/