ExtJS在FireFox下的bug？

最新推荐文章于 2021-06-25 15:26:34 发布

最新推荐文章于 2021-06-25 15:26:34 发布 · 143 阅读

文章标签：

#Firefox #单元测试 #IE #Firebug #Opera

技术学习专栏收录该内容

4 篇文章

订阅专栏

在使用ExtJS 2.0.2版本的EditorGridPanel时，在Firefox浏览器中遇到双击编辑靠后列单元格无响应的问题。此问题在IE7和Opera9.24中未出现。经排查，未指定列宽导致Firefox下列宽与单元格宽度不一致是根本原因。

我现在正在用ExtJS的2.0.2版本进行开发，遇到了一个很奇怪的问题，就是使用ExtJS的EditorGridPanel的时候，似乎当列数过多的时在FireFox下双击比较靠后的单元格（比如说第49列）却没有任何反应，不能进行编辑，不管该单元格对应的editor是一般的TextField也好，还是DateField也好，都是如此，当我将其定义前移的时候，例如移动到第5列，双击却又可以编辑了，用FireBug跟踪也无果。例如：
........
........
{name:'birthday',type:'date',dateFormat:'Y-m-d'}, (第5列的定义)
........
........
这种情况下双击第5列，那么可以正常的编辑该单元格，进行日期的选择，但是移动到第49列（具体移动到多少列会出现这种情况我还没有测试，但是放到49列肯定出问题）时：
........
........
........
{name:'birthday',type:'date',dateFormat:'Y-m-d'}, （第49列的定义）
........
这时候双击第49列就没有任何反应。
但是在IE 7和Opera 9.24的版本下却又没有这种问题，所有单元格都可以正常的进行双击编辑，不管该单元格是位于多少列，所以我怀疑这是不是ExtJS在FireFox下的一个bug，抑或是FireFox自己的一个bug？不知有没有遇到类似问题的朋友，一起讨论一下。

========================================================================
项目开发完成之后又仔细看了一下，发现其实是很简单的原因造成的，就是我没有为每一列指定列宽！IE下就没有问题，而FireFox下结果就造成列的宽度与对应的单元格的宽度不一致。