Extjs4 Clollapsible面板高度

时间:2013-04-15 06:34:35

标签: javascript extjs extjs4

我使用extjs 4并且我想创建可折叠的右面板,但不是作为主容器的高度。我试过bodyStyle:'background:transparent',但它不起作用。嘻嘻就是我得到的: enter image description here

  { xtype:'panel',
                 id: 'app-options',
                 region: 'east',
                 bodyStyle: 'background:transparent',
                 cls:'my-panel',
                 frame:false,
                 boder:false,
                 width: 200,
                 collapsible: true,

                 layout:{type:'border'
                },
                 items: [{
                        xtype:'panel',
                        region: 'north',
                        title: 'Test',
                       height:200

                    }
                  ]
                }

如何让蓝色区域透明?我需要改为出现地图。

1 个答案:

答案 0 :(得分:0)

我认为您使用当前代码收到js错误,或者您没有共享完整代码。 因为,你在这里发布的代码:

layout:{type:'border'
                },
                 items: [{
                        xtype:'panel',
                        region: 'north',
                        title: 'Test',
                       height:200

                    }
                  ]

它有一个没有中心区域的边框布局! 所以根据边界布局中心区域是必须的。我无法在东面板中看到您要为地图加载的代码。