Как использовать сгенерированный JSON для создания окна Extjs?

Question

Я использую разработанное ExtDesigner окно, и сгенерированный json выглядит так:

{
    xtype: 'window',
    height: 477,
    width: 666,
    layout: 'fit',
    title: '添加广告位',
    items: [
        {
            xtype: 'form',
            bodyStyle: 'padding: 10px',
            title: '',
            items: [
                {
                    xtype: 'textfield',    
                    anchor: '100%',
                    fieldLabel: '名称'
                },
                {
                    xtype: 'radiogroup',
                    anchor: '100%',
                    fieldLabel: '广告类型',
                    items: [
                        {
                            xtype: 'radio',
                            boxLabel: '文字'
                        },
                        {
                            xtype: 'radio',
                            boxLabel: '图片'
                        }
                    ]
                }
            ]
        }
    ]
}

Я скопировал его, но не знаю, как его использовать.Я не нахожу способ преобразовать его в компонент extjs.Как это сделать?

PS: я использую extjs 2.2

Answer 1

Существует два способа создания компонента ExtJS.

1. создать компонент явно, например: new Ext.Window({...});.Таким образом, вы сразу получаете компонент, то есть слушатели событий, дополнительные методы ... и т. Д.

2. второй способ - это отложенная загрузка, которая заключается в указании xtype компонента в простом объекте javascript.Это именно то, что у вас есть.

Чтобы заставить работать второй способ, вам нужно включить ваш объект xtype-javascript в контейнер ExtJs, и контейнер будет знать, как его отобразить в соответствующее время.

например:

Ext.onReady(function(){
    new Ext.Viewport({
        layout : 'fit',
        items : [{
            xtype: 'window',
            height: 477,
            width: 666,
            layout: 'fit',
            title: '添加广告位',
            items: [...]
        }]
    });
});

Answer 2

Думаю, вы ищете что-то подобное.Это покажет ваше окно во всплывающем окне.

var win = new Ext.Window({
width:400
,id:'autoload-win'
,height:300
,autoScroll:true
});
win.show();