extjs - Ext.js 4 面板上的滚动条

Question

我知道以前有人问过这个问题，但我希望我在早期帖子中看到的解决方法是在版本 4 之前。我正在使用带有 MVC 架构的版本 4。

我有一个 servlet，它返回一段我想在面板上显示的文本。

该面板定义如下:

Ext.define('MyApp.view.log.View' ,{
    extend: 'Ext.panel.Panel',
    alias : 'widget.logview',
    title : 'Log',

    id: 'log.View',

    layout: 'fit',
    autoscroll: true,

}); // end Ext.define

返回的文本将添加到上面定义的面板中，如下所示:

{
    xtype: 'button',
    text: 'Import',
    handler:  function()
    {
        Ext.Ajax.request({
            url: '/MyApp/Import',
            success: function(response)
            {
                var theText = response.responseText;
                var logPanel = Ext.getCmp('log.View');
                logPanel.insert(0, [ { xtype: 'box', autoEl: { cn: theText } } ] );
            }
        });  // end Ajax.request
    }  // end handler
}

我似乎无法让垂直滚动条工作。我看到 grid.Panel 有一个 certainScrollbars 方法，但 panel.Panel 没有。

感谢任何帮助。提前致谢。

Answer 1

面板上的适合布局基本上意味着您要添加到面板中的任何内容(作为子面板)都将占用该面板内的所有可用空间。这也意味着只应将一个子组件添加到具有合适布局的面板中。如果子元素要“适合”父面板，则不需要滚动条:)

您可以尝试为您的面板提供一些尺寸(高度和宽度)，删除适合的布局，看看是否能满足您的需求。