ExtJS 4 - Grid Vertical ScrollBar问题

时间:2012-01-02 10:03:23

标签: extjs grid extjs4 scrollbar

在我们的应用程序中,我们有一个包含网格和两个按钮的窗口 - Clear&检索。

用户可以通过单击“检索”按钮从网格中的服务器加载记录,然后单击“清除”按钮清除网格存储。

问题是当用户第二次加载网格时,有时垂直滚动条不起作用。

也就是说,如果用户首先单击Retrieve按钮加载记录,然后使用Clear清空网格 - 再次单击Retrieve,则第二次垂直滚动条在网格中不起作用。

实际上,垂直滚动条仅适用于第一次,然后它会停止工作,直到用户通过刷新浏览器窗口再次重新加载整个页面。

最奇怪的是,这个问题不是“一致的”。也就是说,这个问题有时只会在没有做任何额外的事情的情点击的是相同的Retrieve和Clear按钮,来自服务器的相同数据,但滚动条有时会​​停止工作而不显示任何错误。

这对用户来说非常烦人,因为它也没有显示任何错误,因此很难诊断。

有没有人遇到类似的问题,或者任何人都可以指出一些有用的东西,可能对此有所帮助。

有关我正在工作的环境的一些信息:

  • ExtJS版本 - 4.0.7
  • 浏览器已检查 - IE8,IE9,FF4 +,Chrome10 +

3 个答案:

答案 0 :(得分:6)

我也遇到过网格面板上滚动条的问题。 似乎解决方案是设置高度以及网格的宽度。 还可以尝试在链接存储的load事件上使用此方法:

grid.determineScrollbars();

答案 1 :(得分:2)

我遇到了ExtJS滚动条的问题(它停止工作或被切断,或者不会自行调整大小),如果没有代码示例,我不能给出任何具体内容但我已经处理过了时间通过执行以下操作之一:

1)将违规组件放在视口中(虽然不适用于您的窗口)

2)在组件配置中设置一个确定的高度

3)调整布局配置(适合或边框似乎有效)

您也可以尝试使用成功的dataStore加载yourGridPanel.doComponentLayout()(当您的检索方法执行时)。

答案 2 :(得分:1)

也许您应该将Extjs lib更新为4.1.1版本。 至于我4.1.1版本包含一些网格滚动条问题的修复,我通过4.0.7中的修补解决了这个问题。