ExtJS Grid的单元格编辑Enter和TAB键的转换

爱被打了一巴掌 2021-12-13 00:15 339阅读 0赞

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

转载于:https://www.cnblogs.com/simonhaninmelbourne/archive/2009/04/01/1427450.html