0 0

Extjs 方向键重写后上下键不能用10

 

   我是看到网上的例子然后去复写onEditorKey()方法的. 代码如下:

 

Ext.override(Ext.grid.CellSelectionModel, {
    onEditorKey : function(field, e) {
        var smodel = this;
        var k = e.getKey(), newCell=null, g = smodel.grid, ed = g.activeEditor;
        console.log('overkey'+k);
        switch(k){
            case e.TAB:
                 e.stopEvent();
                 ed.completeEdit();
                 if (e.shiftKey) {
                     newCell = g.walkCells(ed.row, ed.col-1, -1, smodel.acceptsNav, smodel);
                 } else {
                     newCell = g.walkCells(ed.row, ed.col+1, 1, smodel.acceptsNav, smodel);
                 }
                 if (ed.col == 1) {
                     if (e.shiftKey) {
                         newCell = g.walkCells(ed.row, ed.col+1, -1, smodel.acceptsNav, smodel);
                     } else {
                         newCell = g.walkCells(ed.row, ed.col+1, 1, smodel.acceptsNav, smodel);
                     }
                 }
                break;
            case e.UP:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row-1, ed.col, -1, smodel.acceptsNav, smodel);
                break;
            case e.DOWN:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row+1, ed.col, 1, smodel.acceptsNav, smodel);
                break;
            case e.LEFT:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row, ed.col-1, -1, smodel.acceptsNav, smodel);
                 break;
             case e.RIGHT:
                 e.stopEvent();
                 ed.completeEdit();
                 newCell = g.walkCells(ed.row, ed.col+1, 1, smodel.acceptsNav, smodel);
                   break;
        }
       if (newCell) {
            g.startEditing(newCell[0], newCell[1]);
       }
     }
 
});

        但是却发现只有按左右建的时候能用,

       

 

       按上下键的时候文本框不能获得焦点, 只能选中

      

 

       请问哪位高手知道这是怎么回事吗?

 

 


问题补充:我现在用的是ext3.1版本的
2014年3月20日 11:51
  • 大小: 5 KB
  • 大小: 5.6 KB
目前还没有答案

相关推荐

    Extjs 重写Panel添加click事件

    总结,重写Ext JS的Panel并添加click事件是一个常见的需求,通过继承Panel并使用事件监听机制,我们可以轻松实现这一功能。这不仅增强了Panel的功能,也使我们的应用更加灵活和可定制。记得在编写代码时,根据实际...

    Extjs 4.11 重写 Panel 添加 click事件

    总结起来,重写ExtJS 4.11 Panel的`click`事件涉及到创建Panel实例,添加事件监听器,以及可能的重写行为。理解并熟练运用这些方法将使你能够更灵活地定制和控制Panel的行为,从而提升应用的用户体验。通过深入学习...

    extjs扩展年度控件,EXTJS里的时间控件的年度重写

    EXTJS的Date Picker默认提供了日、月、年的选择,但可能并不完全符合某些场景中的年度选择需求。因此,"年度控件的扩展"意味着我们需要对原有的时间控件进行功能增强,让用户只在年份之间进行选择,而不是具体的日期...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败。ExtJS4 已完全重新写 grid ...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    8. **验证**:设计的流程图可能需要遵循特定的规则,如不能形成循环。ExtJS的事件和数据验证机制可以用于实现这些逻辑。 9. **集成与部署**:设计完成后,工作流需要与后端系统集成,执行实际的业务逻辑。这通常...

    extjs My97使用 extjs时间 extjs日期使用

    extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...

    extjs单元格无法复制

    但是,在使用 ExtJS 的 GridPanel 组件时,可能会遇到单元格无法选中复制的问题,特别是在 IE 浏览器中。今天,我们将讨论如何解决这个问题。 ExtJS GridPanel 单元格无法选中复制的问题产生的原因是由于每个单元格...

    EXTJS4 Actioncolumn不能使用文字的部分解决办法

    就是extjs4里面,想给grid里面一格中,文字后面加个小图标。 因为俺们项目就只是文字+图标,所以俺就没有复写Actioncolumn,而是从Column下面继承了一下。。 包含自定义插件源码、效果图等等。

    ExtJs 文本框后附件单位

    ### ExtJs 文本框后附件单位 #### 背景介绍 在使用ExtJS进行界面开发的过程中,常常会遇到需要在文本框后面附加单位的情况。例如,在输入数量时需要显示“个”、“人”等单位。这样的设计不仅提高了用户体验,还...

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。...通过学习和使用这两个版本,可以深入理解ExtJS的设计理念,提高JavaScript编程技能,并能更好地应对各种Web应用开发挑战。

    extjs加水印

    "extjs加水印"这一主题涉及到如何在EXTJS框架构建的系统中添加水印功能,以增强数据的安全性,防止敏感信息非法传播。EXTJS是一个强大的JavaScript库,用于构建富客户端的Web应用程序,而水印则是一种有效的方法,...

    轻松搞定Extjs 带目录

    在Extjs中推荐使用`Ext.onReady`事件来确保页面的DOM完全加载后再执行脚本,这样可以保证脚本执行的正确性。 #### 6. 元素操作与模板 - **DomHelper类**: 提供了一种简洁的方法来创建和操作DOM元素。 - **...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    ExtJs4.2实战项目

    整个项目是作者本人在实际工作中完成的项目部分功能,项目中设计的的技术: ...2.ExtJs 日期控件的重写与列表表头菜单控件的重写 3.ExtJs 结合Jquery修改样式和自定义样式 4.JavaScript 伪继承的实现

    Extjs4.1 小例子(适合extjs初学者学习使用)

    通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心概念。 描述中提到的".直接导入myeclipse即可",意味着这些示例代码是用Eclipse的MyEclipse插件...

    ExtJS2.0简明教程

    教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。

    ExtJS教程_完整版

    ExtJS教程全面介绍了ExtJS框架的基本功能和高级特性,适用于有Web开发经验的开发者,尤其是...无论你是初学者还是有经验的开发人员,ExtJS都能提供强大的工具和资源来帮助你创建美观、功能丰富、兼容性好的Web应用。

    extjs电子书,extjs电子书,extjs电子书

    extjs电子书,extjs电子书,extjs电子书,extjs电子书

    ExtJs学习笔记 ExtJs Api

    适合ExtJs开发人员extjs技术上手以及深入

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

Global site tag (gtag.js) - Google Analytics