Question

从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像素。

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

调整网格列的大小会使事物恢复正常对齐，直到加载新数据并在关闭宽度计算的情况下再次渲染。它会在新数据加载后立即重新调整大小。

我认为也许css应该受到责备，但改变主题并没有解决它，也没有使用ext-all.css而不是调试css。

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

如果这是一个错误...有任何关于解决方案的建议吗？

非常感谢。

更新1：

我使用Sencha Cmd生成基本应用程序并使用列和功能创建网格视图。   到目前为止，似乎有一个分组功能似乎是罪魁祸首。   但是，我确实看到没有分组功能的网格上的行为。   那些网格是边框布局，所以我接下来会调查它。

Answer 1

它看起来像bug，但是我发现用grid container和auto布局包裹fit会修复问题（至少在我的情况下）。

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

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

首先使用auto布局的内部面板 - 行更窄
第二个内部面板{{1}}布局 - 行与标题

Answer 2

使用布局：'auto'使滚动破碎。似乎为滚动条保留了空间，但设置reserveScrollbar：false没有帮助。

ExtJS 5网格单元格宽度计算错误使用Flex

2 个答案: