ExtJS 6.0.0.640 Grid及ComboBox默认无滚动条问题求解

Grid 组件解决方案 #

• 给Grid设置明确高度：直接在Grid配置中添加height属性（例如height: 450），或者通过父容器的fit布局让Grid自动填充容器高度——滚动条需要容器有固定高度才会触发显示。
• 确认视图滚动配置：检查viewConfig是否被错误禁用滚动，确保配置viewConfig: { scrollable: true }（默认是开启的，但如果被自定义配置覆盖需恢复）。
• 排查CSS冲突：检查自定义样式是否修改了.x-grid-view的overflow属性，将其恢复为overflow: auto或overflow-y: auto，避免覆盖ExtJS默认滚动样式。

ComboBox 组件解决方案 #

• 配置下拉列表高度：通过listConfig设置下拉容器的固定高度，例如listConfig: { height: 300 }，选项超出该高度时会自动显示垂直滚动条。
• 启用滚动功能：在listConfig中明确设置scrollable: 'y'（仅垂直滚动）或scrollable: true，确保下拉框的滚动功能正常启用。
• 检查父容器布局：如果ComboBox处于vbox/hbox等布局中，需确保父容器有足够空间，或给ComboBox设置flex属性、固定高度，避免下拉框高度计算异常。

通用排查步骤 #

• 强制刷新浏览器缓存：使用Ctrl+F5清除旧的JS/CSS缓存，避免缓存导致的样式异常。
• 升级版本补丁：ExtJS 6.0.0存在部分滚动相关已知bug，可升级至同分支的最新补丁版本（如6.0.0.720），官方补丁会修复此类兼容性问题。

内容的提问来源于stack exchange，提问作者Shrikanth M