javascript - EXT.JS 4.0.5 中的网格滚动问题,不考虑工具栏高度

标签 javascript extjs

我有这个网格:

enter image description here

知道为什么要这样做吗?我知道内部面板需要为 350px,并且在 firebug 中应用它效果很好,但当然 Ext 喜欢动态重新计算所有内容,我不知道在哪里向内部面板应用高度以使其显示正确的行为。

我知道 4.0.5 使用虚拟滚动条,我通过在网格组件上设置 scroll: false 并添加 style: { OverflowX: 'hidden' 来禁用它们, OverflowY: 'scroll' } 到其 View 配置。问题在于内部面板不考虑工具栏高度,并且将滚动条推到其容器下方。我也无法升级 extjs。有什么想法吗?

最佳答案

这看起来像是 4.1 中解决的错误,但是我无法真正测试您的代码,因此很难判断,您可以尝试在网格的 viewready 事件中执行此操作:

grid.determineScrollbars();

如所涵盖的here在 4.07 文档中。

编辑:

viewready 事件之后尝试重新布局组件怎么样:

grid.on('viewready', function(grid) {
    grid.doComponentLayout()
});

(或者如果您正在使用 MVC 事件处理方式)

关于javascript - EXT.JS 4.0.5 中的网格滚动问题,不考虑工具栏高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14781989/

相关文章:

javascript - 如何使用 Selenium 和 Javascript 检查元素是否存在?

c# - 将 ascx 控件添加到页面两次时调用了错误的 javascript 函数

javascript - Backbone : calling a success with a custom sync method

javascript - Jquery元素

javascript - 如何更改面板内 anchor 标记的样式属性?

javascript - Ext.js 动态更新GridPanel行记录

javascript - Sencha Touch 2.0 动态更改数据存储 extraParams

javascript - 扩展 : Redirecting to other page

javascript - 如何将属性添加到文本区域内的链接?

javascript - 在触发器上单击 Extjs 3.4 重新加载 ComboBox 存储