Saludos Cordiales,
Tratando de emular el enter en lugar del Tab para navegar en un form, estoy capturando el evento enter y luego seteando el focus en el siguiente elemento del formulario. El problema es que no funciona cuando le hago un focus, pero si funciona si hago un Ext,get(id).hightlight(); sobre el mismo elemento que quiero hacerle focus. El codigo del Panel que estoy mostrando es el siguiente:
Code:
Ext.define('MyApp.view.ui.MyPanel1', {
extend: 'Ext.panel.Panel',
model: "Task",
height: 450,
width: 354,
title: "description",
initComponent: function() {
Ext.FocusManager.enable();
var me = this;
var form = {};
form.items = [
{
xtype: "textfield",
width: 354,
name: "idTask",
id: "idTask",
labelAlign: "left",
selectOnFocus: true,
listeners: {
specialkey: function(field,event){
if (event.getKey() == event.ENTER) {
Ext.get(form.items[1].id).focus();
}
}
}
},
{
xtype: "lookuplist",
width: 354,
name: "whomakes",
id: "whomakes",
labelAlign: "left",
forceSelection: true
},
{
xtype: "lookuplist",
width: 354,
name: "taskType",
id: "taskType",
labelAlign: "left",
forceSelection: true
}
];
return form;
}
});
Al momento de ejecutar el enter en el campo idTask, no hace nada pero despues se marca el campo que setee el foco diciendo que es requerido.
Si alguien puede ayudarme con su conocimiento se lo agradeceria mucho