我使用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]
});
请看出问题的大神指教一下，不胜感激，分不多，诚心请教...
extjs
javascript
布局
------解决方案--------------------
ext-4.2.1.883，就是注释掉了treepanel的store，其他的都是拷贝你的代码