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中某一个单元格是否可以编辑(。。。)

  • 相关阅读:
    泛型
    a版本冲刺第四天
    a版本冲刺第三天
    a版本冲刺第二天
    a版本冲刺第一天
    第四次团队作业——系统设计
    团队项目——需求规格说明书
    第二次团队作业——预则立&&他山之石
    团队项目选题报告
    Alpha 冲刺4
  • 原文地址:https://www.cnblogs.com/simonhaninmelbourne/p/1427450.html
Copyright © 2011-2022 走看看