Создание панели дерева в ExtJs 4.0

Question

Я хочу построить TreePanel из ответа XML. Я не понимаю, как использовать TreeStore в TreePanel. Нужно ли писать логику в панели дерева для создания родительской/дочерней структуры.

Migration from ExtJS 3.0 to 4.0

@Chao: Спасибо за ответ. Я видел этот пример и нашел полезным. но мой ответ XML немного отличается, как:

<Root> 
    <Folder> 
     <CreateDate>Jun 6, 2011</CreateDate> 
     <CreatedBy>1000</CreatedBy> 
     <Files/> 
     <FolderName>Root folder</FolderName> 
    <Folders> 
     <Folder> 
      <CreateDate>Nov 30, 2011</CreateDate> 
      <FolderName>child folder 1 </FolderName> 
      <Folders/> 
      <Id>13</Id> 
      <ParentFolderId>1</ParentFolderId> 
     </Folder> 
     <Folder> 
      <FolderName>child folder 2</FolderName> 
      <CreateDate>Dec 1, 2011</CreateDate> 
      <Folders> 
      <Folder> 
       <FolderName>sub child folder</FolderName> 
       <CreateDate>Dec 1, 2011</CreateDate> 
       <Folders/> 
       <Id>27</Id> 
       <ParentFolderId>25</ParentFolderId> 
      </Folder> 
      </Folders> 
      <Id>25</Id> 
      <ParentFolderId>1</ParentFolderId> 
     </Folder> 
     </Folders> 
     <Id>1</Id> 
     <ModBy/> 
     <ModDate/> 
     <ParentFolderId/> 
    </Folder> 
    </Root> 

    and want to build tree from this response. 
    In extjs 3.0 the tree structure for this response was like: 

    Root 
    |__child folder 1 
    |__child folder 2 
     |__sub child folder 

Answer 1

Существует очень хороший и простой пример обеспечивается Сенчем http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/tree/xml-tree.html

свойство «IsLeaf» определяется в XML делает дочерний узел. если узел не имеет этого свойства, он будет отображаться как родитель.