Question

我正在使用extjs来构建门户网站，我遇到了以下问题。图像大于标签的高度（在正确的大小上）。我想要的是在此选项卡上添加垂直滚动条。我怎么能在extjs中做到这一点？

这是我的代码的一部分：

   items: [{
                xtype: 'tabpanel',
                activeTab: 0,
                flex: 2,
                items: [{
                        xtype: 'panel',
                        title: 'Images',
                        items: [{contentEl:'img',autoScoll: true,height:11200,overflowY : String }]
                 },{    
                        xtype: 'panel',
                        title: 'Material',
                        items: [{contentEl:'msg',autoScoll: true,height:11200,overflowY : String }]
                        }]
            }]

感谢。

Answer 1

我可以在您的代码autoScoll中看到，而不是autoScroll: true。这似乎是一个错字。看看这个。

Answer 2

尝试添加layout：fit和autoScroll：true。

Answer 3

你试过这个 -

overflowY: 'scroll'

以下是文档中的内容 -

＆＃39;滚动＆＃39;始终启用垂直滚动条（样式溢出-y：＆＃39;滚动＆＃39;。）

http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.Component-cfg-overflowY

Answer 4

对于ExtJS 6，您可以使用Ext.panel.Panel.scrollable。

要启用垂直滚动，您可以将其设置为scrollable: 'vertical'。

要强制垂直滚动而不考虑内容，您可以传递Ext.scroll.Scroller config：

scrollable: {
    y: 'scroll'
}

如何在extjs中放置垂直滚动条

4 个答案: