如何在 ExtJS 4 网格面板中保留垂直滚动条?

Posted

技术标签:

【中文标题】如何在 ExtJS 4 网格面板中保留垂直滚动条?【英文标题】:How to reserve vertical scrollbar in an ExtJS 4 grid panel? 【发布时间】:2013-07-22 16:13:11 【问题描述】:

我想知道是否有办法使用 ExtJS 4.1.1 为网格面板中的垂直滚动条保留空间。我记得我可以用 ExtJS 3 做到这一点,但也许这个功能被删除了?

网格具有固定高度,因此当行数超过网格高度时会出现滚动条。还有一个“删除”操作,允许逐行删除。问题是当不再需要滚动条时动作会向右移动。这是我想避免的行为。

【问题讨论】:

【参考方案1】:

我想你在找reserveScrollbar

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.layout.container.Auto-cfg-reserveScrollbar

【讨论】:

嗨,布雷特 :) 我不记得确切的上下文是什么,已经过去了太多天了。此外,我很确定我已经尝试过这个属性但没有结果(ExtJS 4.1.1)。我想我已经以间接的方式解决了这个问题。无论如何,谢谢,如果我再次偶然发现这个问题,我会尽量记住更新这个页面。 嗨!因此,虽然这可能是一个有争议的问题,但值得一提的是,reserveScrollbar 对面板有效。一种解决方案是将网格嵌套在设置了 reserveScrollbar 的面板内。【参考方案2】:

添加overflowY: 'scroll' 作为网格的配置参数。在此处查看文档:http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Component-cfg-overflowY。

【讨论】:

以上是关于如何在 ExtJS 4 网格面板中保留垂直滚动条?的主要内容,如果未能解决你的问题,请参考以下文章

extjs 3.2 动态添加垂直滚动条

extjs 5 网格的滚动条在边框布局面板中不起作用

如何修复 extjs 网格中固定的水平滚动条?

当网格达到一定高度时,如何将垂直滚动条添加到 ext 网格面板?

用于网格面板的 extjs 3.2 水平滚动条

Extjs 禁用本机网格滚动