从 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。
这是一个错误还是我错过了一个可以纠正宽度计算的新配置?
If this is a bug ... any suggestions for a work around?
非常感谢您的帮助。
UPDATE 1:
I used Sencha Cmd to generate a basic app and created a grid view with the columns and a features. So far it looks like having a grouping feature seems to be the culprit. However, I do see the behavior on grids without a grouping feature. Those grids are in a border layout so I'll investigate that next.
最佳答案
它看起来像错误,但是我发现用 container
和 auto
布局包装 grid
可以解决这个问题(至少在我的情况下) )。
示例:http://jsfiddle.net/nj4nk/3/
在示例中您可以看到 2 个网格:
- 第一个内部面板采用
fit
布局 - 行更窄 - 第二个内部面板采用
自动
布局 - 行与标题相同
关于grid - ExtJS 5 网格单元宽度计算错误使用Flex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24944980/