extjs伸缩菜单

/**
 * 主页面 one page one application
 */
Ext.form.Field.prototype.msgTarget = 'side';

Ext.onReady(function() {
	var viewport = new Ext.Viewport({
		layout : 'border',
		items : [new Ext.Toolbar({
					id : 'toolbar',
					region : 'north',
					items : [new Ext.Toolbar.MenuButton({
						id : "baobiao",
						text : "报表功能",
						xtype : "tbsplit",
						disabled : false,
						menu : new Ext.menu.Menu({
							items : [{
								id : "temp1",
								text : "开发中...",
								href : "#"
							}]
						})
					})]
				}), {
					title : 'south',
					region : 'south',
					split : true,
					border : true,
					height : 0
				}, {
					title : '教学管理系统',
					region : 'west',
					split : true,
					border : true,
					width : 200,
					minSize : 175,
					maxSize : 400,
					collapsible : true,
					margins : '0 0 0 5',
					layout : 'accordion',
					layoutConfig : {
						animate : true
					},
					items : [{
								title : '基本信息一览',
								border : false,
								iconCls : 'nav',
								html : "html"
							}, {
								title : '基本信息管理',
								border : false,
								iconCls : 'nav',
								html : "nav"
							}, {
								title : '组卷信息管理',
								border : false,
								iconCls : 'nav',
								html:"zhu"
							}, {
								title : '设置',
								html : '<p>Some settings in here.</p>',
								border : false,
								iconCls : 'settings'
							}]
				}, {
					region : 'center',
					html : 'center'
				}]
	});
});