Question

请问Ext Designer 里生成的代码怎么用？

我在Ext Designer 里设计好了大体界面，然后切换成代码界面，我就不知道怎么用了……本人小白，请高手求解~~
MyViewportUi = Ext.extend(Ext.Viewport, {
layout: 'border',
initComponent: function() {
this.items = [
{
xtype: 'panel',
title: 'My Panel',
height: 100,
region: 'center',
items: [
{
xtype: 'tabpanel',
activeTab: 0,
height: 761,
items: [
{
xtype: 'panel',
title: 'Tab 1',
height: 216
},
{
xtype: 'panel',
title: 'Tab 2'
},
{
xtype: 'panel',
title: 'Tab 3'
}
]
}
]
},
{
xtype: 'treepanel',
title: 'My Tree',
region: 'west',
width: 150,
root: {
text: 'Tree Node'
},
loader: {

}
},
{
xtype: 'panel',
title: 'My Panel',
region: 'north',
height: 100,
items: [
{
xtype: 'label',
text: '计算机技能提升平台',
width: 108,
autoHeight: true,
autoWidth: true
}
]
}
];
MyViewportUi.superclass.initComponent.call(this);
}
});

Answer 1

Ext.onReady(function() {

MyWindowUi = Ext.extend(Ext.Window, {
title : 'My Window',
width : 648,
height : 537,
layout : 'fit',
initComponent : function() {
this.items = [{
xtype : 'tabpanel',
activeTab : 0,
items : [{
xtype : 'panel',
title : '测点信息',
html : '<img src="../bookChart.action"/>'
}, {
xtype : 'panel',
title : 'Tab 2'
}, {
xtype : 'panel',
title : 'Tab 3'
}]
}];
MyWindowUi.superclass.initComponent.call(this);
}
});

var ui = new MyWindowUi();
ui.show();
})

主要的是Ext.onReady(function() {
extdesigner 生成的代码

var ui = new MyWindowUi();
ui.show();//window才加

}