2012-01-02 10 views
5

Anteriormente en la versión 3.0 teníamos Tree Tree construido a partir de la respuesta XML. Para eso tuvimos extensión de clase personalizada 'Ext.tree.TreeLoader' Este TreeLoader fue útil para construir la estructura de árbol (nodos padre/hijo).Migración de ExtJS 3.0 a 4.0

Al migrar a 4.0 encontró que falta la clase TreeLoader. ¿Hay algún reemplazo para esta clase o de alguna otra manera para construir una estructura de árbol?

que desea generar la estructura de árbol para el siguiente xml: En realidad, quiero construir la estructura de árbol de este XML:

<?xml version='1.0' ?> 
<Root> 
<Folder> 
<CreateDate>Apr 29, 2011</CreateDate> 
<CreatedBy>1000</CreatedBy> 
<Files/> 
<FolderName>Testing</FolderName> 
<FolderNamePath/> 
<FolderPath/> 
<Folders> 
<Folder> 
<CreateDate>Apr 6, 2011</CreateDate> 
<CreatedBy>1000</CreatedBy> 
<Files/> 
<FolderName>JayM</FolderName> 
<Folders> 
<Folder> 
<CreateDate>Apr 6, 2011</CreateDate> 
<CreatedBy>1000</CreatedBy> 
<Files/> 
<FolderName>JaM</FolderName> 
<Id>2000</Id> 
<ModDate>Dec 30, 2011</ModDate> 
<ParentFolderId>1948</ParentFolderId> 
</Folder> 
</Folders> 
<Id>1948</Id> 
<ModBy>1000</ModBy> 
<ModDate>Dec 30, 2011</ModDate> 
<ParentFolderId>1</ParentFolderId> 
</Folder> 

<Folder> 
<CreateDate>Dec 2, 2011</CreateDate> 
<CreatedBy>1000</CreatedBy> 
<Files/> 
<FolderName>demo folder</FolderName> 
<Folders/> 
<Id>2427</Id> 
<ModBy/> 
<ModDate/> 
<ParentFolderId>1</ParentFolderId> 
</Folder> 

</Folders> 
<Id>1</Id> 
<ModBy/> 
<ModDate/> 
<ParentFolderId/> 
</Folder> 
</Root> 

Cualquier ayuda se agradece.

Respuesta

3

Usted tendrá que buscar en el TreeStore que, junto con cualquier proxy estándar (más XmlReader en su caso), reemplazado TreeLoader en Ext 4. TreeStore contiene Modelo estándar instancias (es decir, registros) que han sido decoradas por la clase NodeInterface para proporcionar un comportamiento específico del árbol. La API ahora es muy similar a la API de tienda/registro estándar, a diferencia de TreeLoader en 3.x que estaba completamente separado.

Eche un vistazo a tree examples, específicamente el XML tree example en su caso, para el uso.

+0

Gracias bmoeskau! ¿Puedes dar un ejemplo de TreeStore diferente a Sencha Docs? –

+0

Consulte los enlaces de ejemplo anteriores –

1

En ExtJS 4, tiene un panel de árbol en lugar de un árbol de carga para construir la estructura de árbol (nodos padre/hijo).

Código Ejemplo:

var treepanel = Ext.create('Ext.tree.Panel',{ 
id : 'tree', 
width : 300, 
height : 300, 
store : testStore, 
rootVisible : false 
}); 
+0

El panel de árbol existe tanto en Ext 3 como en 4 y no tiene nada que ver con la carga de datos. La carga cambió de TreeLoader a TreeStore + proxy. –