从ExtJS 3.0迁移到4.0

Nan*_*ale 5 javascript extjs

以前在ext 3.0中,我们使用XML响应构建了Tree Panel.为此我们有自定义类扩展'Ext.tree.TreeLoader'这个TreeLoader对于构建树结构(父/子节点)很有用.

迁移到4.0时发现TreeLoader类丢失了.是否有任何替代此类或任何其他方式来构建树结构?

我想生成跟随xml的树结构:实际上,我想从这个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>
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏.

Bri*_*kau 3

您需要研究TreeStore,它与任何标准代理(在您的情况下加上 XmlReader)一起取代了 Ext 4 中的 TreeLoader。TreeStore 包含标准模型实例(即记录),这些实例已由 NodeInterface 类修饰提供树特定的行为。该 API 现在与标准存储/记录 API 非常相似,与 3.x 中的 TreeLoader 不同,后者是完全独立的。

查看树示例,特别是您案例中的XML 树示例,以供使用。