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의 설정.