原先的EditGrid无法解决回车控制问题,它的回车控制是向下跑的。而我想让它横着走。搞了半天终于实现了。
Ext.override(Ext.grid.RowSelectionModel, {
onEditorKey : function(field, e) {
// alert('go');
var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
var shift = e.shiftKey;
Ext.log('k:' + k);
if (k == e.ENTER) {
e.stopEvent();
ed.completeEdit();
if (shift) {
newCell = g.walkCells(ed.row, ed.col - 1, -1,
this.acceptsNav, this);
} else {
// alert('go');
newCell = g.walkCells(ed.row, ed.col + 1, 1,
this.acceptsNav, this);
}
} else if (k == e.TAB) {
e.stopEvent();
ed.completeEdit();
if (this.moveEditorOnEnter !== false) {
if (shift) {
newCell = g.walkCells(ed.row - 1, ed.col, -1,
this.acceptsNav, this);
} else {
// alert('go');
newCell = g.walkCells(ed.row + 1, ed.col, 1,
this.acceptsNav, this);
}
}
} else if (k == e.ESC) {
ed.cancelEdit();
}
if (newCell) {
g.startEditing(newCell[0], newCell[1]);
}
}
});
var sm2 = new Ext.grid.RowSelectionModel({
moveEditorOnEnter : true,
singleSelect : true,
listeners : {
rowselect : function(sm, row, rec) {
centerForm.getForm().loadRecord(rec);
}
}
});
分享到:
相关推荐
总结来说,实现“EXT输入框点击回车键直接进入查询”这一功能,主要涉及EXTJS的组件创建、事件监听、键盘事件处理以及自定义查询逻辑。通过这些步骤,我们可以创建一个响应用户输入、具有良好交互体验的Web应用。在...
EXTJS的`Ext.selection.CheckboxModel`(或简写为`checkboxSelection`)提供了复选框选择模型,用于表格(grid)和其他组件,使得用户可以通过复选框进行多项选择。全选功能通常通过添加一个特殊的复选框来实现,该...
`edit`事件在Grid中的某个单元格进入编辑模式并且用户结束编辑(比如离开该单元格、按下回车键等)时触发。该事件会提供一个对象参数,包含关于编辑操作的详细信息。 这个对象通常命名为`e`,包含了多个属性,详细...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...