extjs dynamic tree
 

Добрый день.

Задача довольно тривиальна, но справиться с ней пока не удалось.
Создаю Viewport с деревом, структура которого подгружается из .json файла. Вот кодЖ

var globalPath = '../';

Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext', '/extjs');

Ext.require(['*']);


Ext.define('MainTree', {
    extend: 'Ext.data.Model',
    fields: [
        { name : 'id', type :'int'},
        { name : 'name', type : 'string' }
    ]
});

var mainTreeStore = Ext.create('Ext.data.Store', {
    extend: 'Ext.data.TreeStore',
    model: 'MainTree',
    proxy: {
        type: 'ajax',
        url : 'mainTree.json',
        reader: {
            type: 'json'
        }
    }
});

var maintree = new Ext.create('Ext.tree.Panel', {
    width: '25%',
    height: '100%',
    region: 'west',
    columns: [{dataIndex: 'name', flex: 1, header: 'MainTree', xtype: 'treecolumn'}],
    store: mainTreeStore
});


Ext.application({
    name: 'Спавка',
    launch: function() {
        
        Ext.create('Ext.container.Viewport', {
            layout:'border',
            defaults: {
                collapsible: false,
                split: true,
                bodyStyle: 'padding:15px'
            },
            items: [
                maintree,
                {
                    title: 'Информация',
                    region: 'center',
                    width: '75%'
                }
            ]
        });
    }
});

Выдается ошибка "c.getRootNode is not a function". Помогите правильно оформить динамическую подгрузку..

Задлянафига? Чем Вас Ext.data.TreeStore не удовлетворил?