令人烦恼的是获取一个extjs 6视口来滚动内部面板

时间:2016-04-14 19:10:42

标签: extjs

我有一个非常简单的例子,我无法显示滚动条。我已经尝试将视口的布局更改为边框,将面板的区域更改为居中但没有帮助。

这是小提琴和代码:

https://fiddle.sencha.com/#fiddle/18no

var brs = '<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi';


Ext.application({
 name: 'Fiddle',

 launch: function() {
    Ext.create('Ext.container.Viewport', {
        layout: 'fit',
        autoScroll: true,
        items: [
            Ext.create('Ext.panel.Panel',{ 
            html: brs
        })]
    });

 }
});

1 个答案:

答案 0 :(得分:1)

首先在Extjs 6.0中,您需要使用scrollable: true

现在,如果您使用fit布局,则需要将scrollable配置放在内部项目上。

example 1example 2