2

从 4.2.1 升级到 ExtJS 5 后，我发现了一个网格单元宽度计算问题或似乎是一个问题。

这是列的示例

columns: [
    { header: 'One', dataIndex: 'one', flex: 2 },
    { header: 'Two', dataIndex: 'two', flex: 2 },
    { header: 'Three', dataIndex: 'three', flex: 3 }
]

标题按预期填充网格宽度，但网格单元格宽度不等于标题，分别为 -5px / -5px / -12 px。

外观好像有滚动条的空间，但网格只有一行。具有足够数据以具有滚动条的网格似乎没有此问题。

调整网格列的大小会使事物恢复正确的对齐方式，直到新数据被加载并在关闭宽度计算的情况下再次呈现。它会在新数据加载后不久重新调整大小。

我认为也许 css 是罪魁祸首，但更改主题并没有解决它，也没有使用 ext-all.css 而不是调试 css。

这是一个错误还是我错过了一个可以纠正宽度计算的新配置？

如果这是一个错误......有什么建议可以解决吗？

非常感谢帮助。

更新 1：

我使用 Sencha Cmd 生成了一个基本应用程序，并创建了一个包含列和功能的网格视图。到目前为止，似乎拥有分组功能似乎是罪魁祸首。但是，我确实看到了没有分组功能的网格上的行为。这些网格处于边框布局中，因此我将在接下来进行调查。

4

2 回答 2

2

它看起来像错误，但是我发现用布局包装grid可以container解决auto这个问题（至少在我的情况下）。

示例：http: //jsfiddle.net/nj4nk/3/

在示例中，您可以看到 2 个网格：

  • 第一个带有布局的内部面板fit- 行更窄
  • 第二个带有布局的内部面板auto- 行与标题相同
于 2014-07-28T12:14:37.670 回答
0

使用 layout:'auto' 会使滚动中断。似乎为滚动条保留了空间，但设置 reserveScrollbar:false 没有帮助。

于 2014-08-11T21:17:50.753 回答