javascript - Extjs4 可折叠面板高度

Question

我使用 extjs 4，我想创建可折叠的右面板，但不像主容器那样高度。我试过bodyStyle：'背景：透明'，但它不起作用。嘻嘻是我得到的：

  { 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

                    }
                  ]
                }

如何使蓝色区域透明？我需要显示地图。

Answer 1

我认为您在当前代码中遇到了 js 错误，或者您没有共享完整的代码。因为，您在此处发布的代码：

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

                    }
                  ]

它有一个完全没有中心区域的边框布局！所以按边框布局中心区域是必须的。而且我看不到您要在东面板中加载地图的代码。