Question

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

我有一个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有一个determineScrollbars方法，但是panel.Panel没有。

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

Answer 1

面板上的贴合布局基本上意味着无论您要添加到面板，因为它的孩子将占用该面板内的所有可用空间。它还意味着只应使用适合布局将一个子组件添加到面板中。如果子元素在父面板中“适合”，则不需要滚动条:)

你可以尝试给你的面板一些尺寸（高度和宽度），删除布局适合，看看是否能给你你想要的东西。

Answer 2

您可以将配置添加到主面板scroll：true和autoScroll：true用于别名：'widget.logview'

Ext.js 4面板上的滚动条

2 个答案: