EXTJS 4.2问题请教~
我使用EXTJS 设计如下页面：


现在遇到的问题：

我使用的是border布局，当我的两部分内容分别为center和east的时候，可以显示上图正确的效果，
但是当我使用west和center分布标识两个部分的时候就会出现错误，图如下：


代码为：

var navPanel = Ext.create("Ext.tree.Panel", {

    title: "xxx", 

    region: "west",

    width："20%",

    store：store

    //...以下省略

});



var mainPanel = Ext.create("Ext.panel.Panel", {

    title: "xxxx",

    region: "center",

    //...一下省略

});



var mainGloblePanel = Ext.create("Ext.panel.Panel", {

    title: "XXXXX XXXX SYSTEM",//TODO 标题

    layout: "border",

    items: [navPanel, mainPanel]

});



Ext.create("Ext.container.Viewport", {

    layout: "fit",

    items: [mainGloblePanel]

});

请看出问题的大神指教一下，不胜感激，分不多，诚心请教...
------解决方案--------------------
ext-4.2.1.883，就是注释掉了treepanel的store，其他的都是拷贝你的代码