ExtJS：いくつかのルーツを持つTreePanelを持つ方法？

Question

は

私は私のWebアプリケーションではの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

が偽のルートノードを作成し、それを隠すためにfalseにrootVisibleを設定します。

これはツリーを作成し、私の現在のコードです。