`
bainian_205
  • 浏览: 46211 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

EditorGridPanel 自动获得焦点问题

 
阅读更多
有这样的一个需求,EditorGrid的一列需要录入条形码,在每一行第三列录完以后光标自动跳转到下一行第三列很是麻烦
扫描器扫完条形码后好像有回车的动作。
本来可以由两种方法可以实现,如下:
1、var a = Ext.getCmp("").getSelectionModel().getSelectedCell();
得到选中单元格的数组row:a[0],col:a[1]
gird.startEditing(a[0],a[1])
2、首先得到 store 中record的index
然后startEditing(index+1,col)
但由于扫描器的问题能够选中,却不能获得焦点。
这个问题考虑中。。。。


问题解决,没想到很简单
扫描器确实有回车动作,所以在editor中的textfield空间中的specialKey事件中加入
function(field,e) {
if(e.getKey()==e.ENTER) {
   e.keyCode=9;
}
}
也就是enter当tab用
当然我这个项目只有一列可编辑项
如果有多列的话可以用textfield的tabindexof来指定。
分享到:
评论

相关推荐

    解决editorgridpanel编辑时视图向右移动的问题

    在使用EditorGridPanel进行数据编辑时,用户可能会遇到一个常见的问题,即在单元格编辑过程中,整个视图会向右移动,导致当前编辑的单元格离开视线。这给用户操作带来不便,影响了使用体验。本文将深入探讨这个问题...

    Extjs可编辑的EditorGridPanel

    NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629

    可编辑表格Ext.grid.EditorGridPanel

    1. 数据绑定:EditorGridPanel通过Store获取数据,Store可以与服务器端进行数据交换。 2. 编辑模式:当用户点击单元格时,对应的编辑器会显示出来,用户可以在编辑器中输入新值。 3. 提交更改:编辑完成后,...

    Extjs EditorGridPanel中ComboBox列的显示问题

    这个问题的原因在于,EditorGridPanel默认使用dataIndex属性来获取要显示的数据,而ComboBox需要的是其store中的displayField来显示文本。为了解决这个问题,我们需要在ColumnModel中对包含ComboBox的列使用`...

    Ext可编辑的tree,EditorGridPanel

    因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.

    Ext.grid.GridPanel右键菜单

    右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。

    Ext 3.2的一个TreeGrid

    感谢 Ericzhen 远离颠倒梦想,蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html

    ext 读取xml 可编辑grid

    在EXT JS框架中,"ext 读取xml 可编辑grid"是一个常见的需求,涉及到的主要知识点包括EXT的数据对象、EditorGridPanel的使用以及EXT对XML数据格式的支持。下面将详细阐述这些内容。 EXT JS是一个强大的JavaScript库...

    GridPanel属性详解

    - **描述**:根据给定的`id`获取对应的列。 3. **getColumnCount()** - **描述**:返回列的总数。 4. **getColumnHeader()** - **描述**:返回指定列的表头文本。 5. **getColumnId()** - **描述**:返回...

    ExtJS下拉列表树控件

    对于ExtJS EditorGridPanel中ComboBox列的显示问题,可能是因为数据没有正确绑定或格式化问题,确保`store`已加载数据,并且在`renderer`函数中正确显示数据。 至于回显问题,即在编辑时显示已有的数据,需要确保在...

    Ext TreePanel

    在描述中提到的`Ext.grid.EditorGridPanel`,是用于创建可编辑的表格面板,它继承自`GridPanel`。通过在列配置中指定`editor`属性,我们可以为每个单元格添加编辑器,例如`TextField`、`ComboBox`等,使得用户可以...

    ExtJS使用笔记

    Ext.grid.EditorGridPanel还支持手工操作以及通过DataWriter自动进行数据的CRUD操作。 Ext.tree.TreePanel组件用于展示树状结构的数据,可以构建静态的树结构,也可以动态地从服务器加载数据构建树。TreePanel提供...

    Ext表格控件和树控件

    它提供了丰富的功能,例如排序、缓存、拖动列、隐藏列、自动显示行号、列汇总以及单元格编辑等功能。`GridPanel` 类继承自 `Panel` 类,并且它的 `xtype` 为 `grid`。 要创建一个 `GridPanel`,首先需要定义列信息...

    extjs 导入导出 Exel

    文件"Extjs利用服务器实现Excel数据导入editorgridpanel中显示_寒冰_新浪博客.mht"可能讲解了如何将Excel 文件的数据导入到EXTJS 的EditorGridPanel 中。导入过程一般包括: 1. 用户上传Excel 文件,EXTJS 通过...

    ExtJS 2.0实用简明教程

    2)获得ExtJS 3)应用ExtJS 4)布局概述 5)ExtJS版的Hello 6)Ext类库简介 7)Border区域布局 8)ExtJS的组件 9)Column列布局 10)组件的使用 11)Fit布局 12)Form布局 13)组件的配置属性 14)Accordion布局 15)事件处理 16)...

    给Extjs的GridPanel增加“合计”行

    在EXTJS中,GridPanel是一种常用的组件,用于展示表格数据。在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加...

    extjs实例与学习资料

    因为前段时间有两个专案要用到extjs技术,所以自己学了一段...grid,tree,显示树信息的TreePanel、用于显示表格的GridPanel及EditorGridPanel,还有代表应用程序窗口的Ext.Window,与数据库交付,希望对初学者带来帮助

    ext的edittreegrid实现

    3. **添加CellEditing插件**:EXT JS的CellEditing插件使用户能够点击单元格进行编辑,完成后自动保存更改。需在GridPanel上启用此插件,并为每列指定编辑器。 4. **绑定事件**:监听树节点的点击事件,以便在需要...

    treePanel与gridPanel技术实现页面的增删改查

    - GridPanel的编辑功能通常通过`EditorGridPanel`实现,允许用户直接在单元格内进行修改,支持单行编辑和多行编辑模式。 3. **增删改查实现**: - 增加:在TreePanel中,可以创建新的子节点;在GridPanel中,通常...

Global site tag (gtag.js) - Google Analytics