EXTJS 4.2问题请教~

[kenticny]

我使用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]
});

请看出问题的大神指教一下，不胜感激，分不多，诚心请教...

[Go 旅城通票]

没问题吧。。

        var navPanel = Ext.create("Ext.tree.Panel", {
            title: "east",
            region: "east",//这里我更改为east或者west都可以，没出现错位什么的啊
            width: "20%"//,
            //store:store
            //...以下省略
        });

[kenticny]

引用 1 楼 showbo 的回复:

没问题吧。。

        var navPanel = Ext.create("Ext.tree.Panel", {
            title: "east",
            region: "east",//这里我更改为east或者west都可以，没出现错位什么的啊
            width: "20%"//,
            //store:store
            //...以下省略
        });

我这确实是有问题啊...问下您用的是什么版本的~

[Go 旅城通票]

ext-4.2.1.883，就是注释掉了treepanel的store，其他的都是拷贝你的代码

[kenticny]

引用 3 楼 showbo 的回复:

ext-4.2.1.883，就是注释掉了treepanel的store，其他的都是拷贝你的代码

我做的时候 如果west仅仅是一段html是没有问题的，但是把west换成treepanel就会出现上述情况了

[kenticny]

问题已经解决了： 由于在border布局中，center位置的大小是自动填充的，所以应该将west east north south的宽度或者高度进行设置 如果又遇到相同问题的朋友，不妨对除center以外的部分进行宽度或者高度的设置试试