ExtJs在创建视口后添加项目

Question

我想和你们一起检查一下。这两个代码块是否做同样的事情？

me.viewport = new Ext.container.Viewport({
    items: [ me.mainPanel]
});

和

Ext.application({
    autoCreateViewport: true,
//then later ....
viewport = Ext.getCmp('viewport');
viewport.Add(me.mainPanel);

除了一开始创建一个，另一个是当场创建的。但除此之外，他们做同样的工作，对吧？谢谢:)）

Answer 1

是的，他们做同样的工作。当它作为配置选项传递时，ExtJs内部调用initComponent和initItems同时执行add。

添加多个项目时的注意事项。不要多次调用add因为ExtJ会执行updateLayout。而是将多个项目作为数组传递。

提示：使用insert在现有项目之间传递项目（我不确定，但您可能需要在此之后调用updateLayout）