Sencha touch setActiveItem问题

今天使用setActiveItem加载页面时，

发现：

如果这个页面被新页面替换后，再次加载则会出现空白页面。

如果使用动画加载（animateActiveItem）时，则会报错：

Cannot call method 'getPageBox' of null 

 

看看console发现其实旧的页面此时并没有被真正从Viewport里删除，而是被隐藏了起来，从而使页面的重复加载，导致问题的出现。

解决方法：

当页面不再处于活动状态（Deactivate）的时候，将其从Viewport里删除，例如

 

var main = Ext.create("app.view.Main");
main.on("deactivate", function(oldActiveItem, container, newActiveItem, eOpts) {
if (oldActiveItem) {
Ext.Viewport.remove(oldActiveItem, true);
}
});
Ext.Viewport.setActiveItem(main);