Extjs 4 Grid CellEditing 焦点跳转问题

最新推荐文章于 2019-05-31 10:02:24 发布

dataminer_2007

最新推荐文章于 2019-05-31 10:02:24 发布

阅读量7.2k

点赞数

分类专栏： ExtJS 文章标签： Extjs 4 CellEditing Extjs 4 焦点

本文链接：https://blog.csdn.net/dataminer_2007/article/details/22283903

版权

本文介绍了在使用Extjs 4的CellEditing时遇到的焦点跳转异常情况。在场景一中，当焦点从Grid编辑列转移到Form字段时，焦点会异常闪现并消失。在场景二中，当从一个Grid滚动到另一个Grid的最后一行并尝试编辑时，焦点也会异常跳转。问题根源在于Grid失去焦点后自动调用的onEditComplete方法导致了焦点的错误切换。解决方法是注释掉该方法内部的`context.view.focus(false, true);`这行代码，以避免焦点异常跳转影响用户体验。" 106017324,9457433,Linux服务器加入域的详细步骤,"['Linux', '网络', '服务器管理']

摘要由CSDN通过智能技术生成

情景一：

使用 Extjs 4 绘制一个简单的界面, 比如有一个可以编辑的 form 和一个可以编辑的 grid, 如果当前焦点在 grid 编辑列内, 当使用鼠标点击另外 form 内的字段时, 会出现奇怪的情况：焦点立即在 form 的字段内闪动后然后马上就消失

情景二：

使用 Extjs 4 绘制另一个简单的页面, 如两个可以编辑的 grid, 并且两个 grid load 后都有一部分数据, 及都有纵向的 scrollbar；如果当前焦点在一个 grid可编辑列内, 当使用鼠标点击另一个 grid 最后一行数据, 及先通过鼠标左键和右键中间的滚轮键, scroll 到最后一行时再点击任意可编辑列, 焦点也会一闪而过然后返回到上一个焦点处

通过查看源代码, 我们可以发现在 grid 失去焦点后会自动触发 onEditComplete 方法, 此方法内部会执行焦点跳转, 影响正常的使用效果

因此注释掉此行

context.view.focus(false, true);

就可以了.