Ext MVC的一个小案例，左侧菜单出出来，希望大神帮忙见见代码

Viewport
Ext.define("mvcDemo.view.Viewport",{
extend:"Ext.container.Viewport",
layout:"border",
items:[{
??????? title: '功能菜单',
??????? region: 'west',
??????? width: 180,
??????? split: true,
??????? collapisble: true,
???? ?? items:[{
??????? ?? xtype:'menuTree'
????? }]
??? }
]
});

-------------------------------------------------
controller
Ext.define("mvcDemo.controller.Menu",{
? extend:"Ext.app.Controller",
? views:['Viewport','location.List'],
? models:['Menu','Location'],
? stores:['Menu','Location']
});
-------------------------------------------------
model
Ext.define('mvcDemo.model.Menu',{
? extend:'Ext.data.Model',
? fields:[
??????????? {name:'id',mapping:'id',type:'String'},
??????????? {name:'text',mapping:'name',type:'String'},
??????????? {name:'pId',type:'String'},
??????????? {name:'leaf',type:'boolean'}
???????? ]
});
-------------------------------------------------
store
Ext.define('mvcDemo.store.Menu',{
? extend:'Ext.data.TreeStore',
? model:'mvcDemo.model.Menu',
? proxy:{
????? type:'ajax',
????? url:'empAction!getMenu.action',
????? reader:{
?? ? ? ? type:'json'
????? },
??? ? extraParams:{
????????? id:'0'
????? },
? autoLoad:true
}
});
-------------------------------------------------
view
Ext.define('mvcDemo.view.menuTree',{
? extend:"Ext.tree.Panel",
? alias:"widget.menuTree",
? border:false,
? width:300,
? title:'菜单',
? height:650,
? store:'Menu'
});
代码大致这样，左树显示不出来，没有进后台

?