zoukankan      html  css  js  c++  java
  • ExtJS Grid的单元格编辑Enter和TAB键的转换

    ExtJS摘编(后续其它)

    1. ExtJS的grid的按键,默认是Enter(Shift+Enter)上下移动光标,TAB(Shift+Tab)左右移动光标。

    但大多数时候,用户希望Enter左右移到,所以作此转换。

          在建立grid后,直接调用下属代码,你也可以按照下面思路,自己做上下箭头移动。

            //grid 是你的EditorGrid的名。

           var sm = grid.getSelectionModel();

             sm.onEditorKey = function(field, e) {
                 var k = e.getKey(), newCell, g = sm.grid, ed = g.activeEditor;
                 if (k == e.ENTER) {
                     e.stopEvent();
                     ed.completeEdit();
                     if (e.shiftKey) {
                         newCell = g.walkCells(ed.row, ed.col - 1, -1, sm.acceptsNav, sm);
                     } else {
                         newCell = g.walkCells(ed.row, ed.col + 1, 1, sm.acceptsNav, sm);
                     }
                 } else if (k == e.TAB) {
                     e.stopEvent();
                     ed.completeEdit();
                     if (e.shiftKey) {
                         newCell = g.walkCells(ed.row-1, ed.col, -1, sm.acceptsNav, sm);
                     } else {
                         newCell = g.walkCells(ed.row+1, ed.col, 1, sm.acceptsNav, sm);
                     }
                     if (ed.col == 1) {
                         if (e.shiftKey) {
                             newCell = g.walkCells(ed.row, ed.col + 1, -1, sm.acceptsNav, sm);
                         } else {
                             newCell = g.walkCells(ed.row, ed.col + 1, 1, sm.acceptsNav, sm);
                         }
                     }
                 } else if (k == e.ESC) {
                     ed.cancelEdit();
                 }
                 if (newCell) {
                     g.startEditing(newCell[0], newCell[1]);
                 }

             };

     2. 控制Grid中某一个单元格是否可以编辑(。。。)

  • 相关阅读:
    进入新的一线开发周期
    某框架的反人类特性
    8月最后一天随想
    jython 2.7 b3发布
    [转] 基于 Apache Mahout 构建社会化推荐引擎
    FreeBSD10上编译尝试DeepIn UI
    PDT已有很大改进
    两张图
    FreeBSD暂时用9.X系列为宜
    backbone教程
  • 原文地址:https://www.cnblogs.com/simonhaninmelbourne/p/1427450.html
Copyright © 2011-2022 走看看