Extjs accordion布局问题

Question

Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var item1 = new Ext.Panel({
title : '进库操作',
collapsed : true,
html : '<empty panel>' }); var item2 = new Ext.Panel({
title : '出库操作',
html : '<empty panel>',
collapsed : true }); var item3 = new Ext.Panel({
title : '财务操作',
html : '<empty panel>',
collapsed : true }); var item4 = new Ext.Panel({
title : '报表统计',
html : '<empty panel>',
collapsed : true }); var item5 = new Ext.Panel({
title : '系统设置',
html : '<empty panel>',
collapsed : true });

var view = new Ext.Viewport({
layout : 'border',
defaults : {
activeItem : 0
},
items : [{
region : 'north',
html : 'Page Title',
autoHeight : true,
border : false,
margins : '0 0 5 0'
}, {
region : 'west',
layout : 'accordion',
collapsible : true,
title : '功能菜单',
width : 200,
items : [item1, item2, item3, item4, item5]
}, {
region : 'center',
xtype : 'tabpanel',
items : {
title : '业务流程',
html : 'The first tab\'s content.   Others may be added dynamically'
}
}, {
region : 'south',
title : '常用工具',
collapsible : true,
html : 'Information goes here',
split : true,
height : 100,
minHeight : 100
}]
});
//之后代码无法执行
var win = new Ext.custom.LoginPanel();
win.loginButton.addListener('click', function() {
view.getEl().unmask();
win.hide()
});
win.show();
view.getEl().mask();此代码运行时，效果显示正常，但是提示有错误： c is not defined,定义view 之后的代码也无法执行还有Extjs中，如何控制google浏览器退出,window.close()已测试无效请各位大侠不吝赐教

Answer 1

Ext.custom.LoginPanel 这是什么，有这方法么？

Answer 2

没有这个方法，这是我自定义的一个类，这个类实例化的语句没有执行，因为在这之前就已经把错了
 { 
region : 'west', 
layout : 'accordion', 
collapsible : true, 
title : '功能菜单', 
width : 200, 
items : [item1, item2, item3, item4, item5]  //去掉这个以后就能执行后面的代码了，可我不明白，这哪错了
}

Answer 3

代码确保是在Ext.onReady()之后执行的吗？

Answer 4

那是肯定的啦，这段代码是放在Ext.onRead(){}里面的

Answer 5

Viewport 下有这配置项么？去掉：defaults 项：
defaults : {
    activeItem : 0
}

Answer 6

还没有解决，不过我将view修改为放在panel 中，没事了