Миграция с 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 в вашем случае) заменил TreeLoader в Ext 4. TreeStore содержит стандартные экземпляры модели (то есть записи), которые были оформлены классом NodeInterface для обеспечения поведения, характерного для дерева. API теперь очень похож на стандартный API хранения / записи, в отличие от TreeLoader в 3.x, который был совершенно отдельным.

Посмотрите примеры использования дерева , в частности, пример дерева XML в вашем случае, для использования.

Answer 2

В ExtJS 4 вместо древовидного загрузчика используется древовидная панель для построения древовидной структуры (родительские / дочерние узлы).

Пример кода:

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