2012-02-24 63 views
2

我知道这已经被问过,但我希望我在早期帖子中看到的解决方法是在版本4之前。我正在使用版本4与MVC体系结构。Ext.js 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有一个确定的滚动条方法,但panel.Panel没有。

任何帮助表示赞赏。提前致谢。

回答

1

面板上的贴合布局基本上意味着无论您将要添加到面板的任何东西都会占用该面板内的所有可用空间。这也意味着只有一个子组件应该以合适的布局添加到面板中。如果子元素将'适合'在父面板内,那么就不需要滚动条:)

你可以尝试给你的面板一些尺寸(高度和宽度),删除布局拟合,看看是否给出了你想要什么。

+1

自动滚屏 - 需要大写的S上。戴恩骆驼套。 – 2012-02-29 19:32:31

1

您可以添加配置到主面板滚动:真实和自动滚屏:真的是别名:“widget.logview”