ExtJS 3.2 gridpanel 实现 enter tab 跳转焦点

最新推荐文章于 2017-12-21 18:43:33 发布

dataminer_2007

最新推荐文章于 2017-12-21 18:43:33 发布

阅读量2.7k

点赞数

分类专栏： ExtJS 文章标签： extjs function grid enter

本文链接：https://blog.csdn.net/dataminer_2007/article/details/6880421

版权

ExtJS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

在用 extjs editorgridpanel 进行输入编辑的时候, 默认情况下只支持使用 tab 键可以实现焦点切换, 如果需要支持 enter 键实现焦点跳转切换, 则只需加上写列代码

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