javascript - 从 ExtJS 3.0 迁移到 4.0

Question

以前在 ext 3.0 中，我们有从 XML 响应构建的树面板。 为此，我们有自定义类扩展 '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>

感谢任何帮助。

Answer 1

您需要查看 TreeStore它与任何标准代理(在您的情况下加上 XmlReader)一起，替换了 Ext 4 中的 TreeLoader。TreeStore 包含已被 NodeInterface 修饰的标准模型实例(即记录)。类提供特定于树的行为。该 API 现在与标准存储/记录 API 非常相似，不像 3.x 中的 TreeLoader 是完全独立的。

看看 tree examples ，特别是 XML tree example在您的情况下，供使用。