Extjs 4 网格自动滚动答案

【问题标题】：Extjs 4 Grid autoScrollExtjs 4 网格自动滚动
【发布时间】：2011-07-26 19:43:54
【问题描述】：

我在 Extjs 4 中使用Ext.grid.GridPanel。

自动滚动在我的GridPanel 中不起作用。

我该如何解决这个问题？

【问题讨论】：

标签： extjs4

【解决方案1】：

将下面的配置放在 GridPanel 的父容器中。

   layout: 'fit'

并从GridPanel 中删除autoScroll。

【讨论】：

我整天都在旋转我的轮子。谢谢！
问题是/是 autoScroll 选项将溢出设置为自动，但没有指定高度。因此，您要么必须为容器/网格设置高度，要么选择为您设置高度的父布局。在大多数情况下，layout: 'fit' 最适合。 +1 @Kunal
在 6.1 版本中遇到了同样的问题，这个技巧完美地解决了它！

【解决方案2】：

scroll: true,
  viewConfig: {
    style: {
      overflow: 'auto',
        overflowX: 'hidden'
    }
  },

试试上面的配置选项。这也将解决您的问题。

【讨论】：

【解决方案3】：

如果父容器需要使用“fit”以外的其他布局，如之前的 cmets 所建议的，您可以尝试以下操作：在商店加载后设置网格的高度。此外，不必计算实际高度，这可以解决问题：

grid.setHeight('100%')

根据文档，setHeight 可以接受“A String used to set the CSS height style.”

【讨论】：