Javascript 当面板折叠时，extjs 3.4滚动条消失

我正在创建一个EXT表单，它使用几个

面板

组件，其中一个组件向左折叠。当它这样做时，右边的

面板（称为centrePanel，因为尽管它在右边，但它有一个“中心”区域）和它的子项展开。
centrePanel
的直接子项是
面板
s，如果其上的数据无法在
面板
上显示，则将其设置为滚动。我遇到的问题是，当我折叠左侧的
面板时，任何滚动条都会消失。扩张并不能让他们回来。但有两件事需要注意：


我仍然可以使用鼠标在两个
面板中滚动

可折叠的
面板
折叠并展开一次且任何滚动条消失后，当左侧
面板
随后折叠时，其他面板上的滚动条会短暂地再次可见。折叠事件完成后，滚动条将不再可见。当
面板
再次展开时，不会发生这种情况

这是相关代码

可折叠的
面板
（动态声明为窗口项的一部分）：

我的小组：

var myFilterFormPanel = new Ext.FormPanel({
    border: false,
    id: windowId + "myfilter",
    items: [stationsPanel, datesPanel, daysPanel, impactPanel, searchButton]
});

centrePanel（包含可滚动但本身不可滚动的面板）：

searchResultsPanel（必要时可滚动）：

在
searchResultsPanel
中，我尝试将样式设置为
overflow:auto
这是设置
autoScroll
为
true
所做的，但这并没有改变任何事情。我还试着缩小一个可滚动
面板的宽度，但这也没有什么不同。当可折叠的
面板
折叠时，我考虑动态更改可滚动的
面板
的样式，但考虑到我始终可以滚动，我不认为这会有什么不同，但如果我错了，请纠正我。
我设法解决了这个问题，但更改了我在原始问题中没有提供的代码。我在可折叠的
面板上设置了
expand
和
collapse
侦听器，以便在触发这些事件时，我手动设置
面板的宽度（使用硬编码值），对于
GridPanel
，我在
GridPanel
的
ColumnModel
中另外设置了列的宽度。当可折叠的
面板
折叠和展开时，删除这些代码行可以保留滚动条。
如果您能提供一个新的滚动条，以便我们可以使用它一点。但除此之外。。好帖子
var myFilterFormPanel = new Ext.FormPanel({
    border: false,
    id: windowId + "myfilter",
    items: [stationsPanel, datesPanel, daysPanel, impactPanel, searchButton]
});

var centrePanel = new Ext.Panel({
    border: false,
    items: [searchResultsPanel, individualResultPanel]
    }
});

        var searchResultsPanel = new Ext.grid.GridPanel({
            title: "All Results",
            id: windowId + "allresults",
            region: "north",
            height: 250,
            border: false,
            padding: 10,
            autoScroll: true,
//            style:'overflow-y:auto',
            colModel: myColumnModel,
            store: myStore,
            listeners: {
                rowclick: function(thisRow, rowIndex){
                    //Display additional information in individual result panel.
                    var myData = myStore.getAt(rowIndex).data;
                    individualResultPanel.body.update("<h1><u>Summary</u></h1><p>" + myData.summary + "</p>"
                        + "<h1><u>Body</u></h1><p>" + myData.body + "</p>"
                        + "<h1><u>Additional Information</u></h1><p>" + myData.additionalInformation + "</p>"
                        + "<h1><u>Customer Information</u></h1><p>" + myData.customerInformation + "</p>"
                        + "<h1><u>Further Information</u></h1><p>" + myData.furtherInformation + "</p>"");
                }
            }
        });

var individualResultPanel = new Ext.Panel({
    border: false,
    autoScroll: true,
    title: "Selected Result",
    id: windowId + "individualresult",
    region: "south",
    height: 250,
    padding: 10,
});