Tengo el siguiente codigo, el formulario luego lo uso y hago una llamada ajax al servidor.
el browser no me guarda los vakores,,,,

Ext.define('Xxx.view.usuario.Login', {
extend: 'Ext.window.Window',
alias : 'widget.winLogin',

title : 'Pantalla de Login',

height: 237,
id: 'winLogin',
modal: true,
width: 615,
style: {background: '#ffc'},
layout: {
type: 'fit'
},

initComponent: function() {
var me = this;
var color='#ffc';
var colorBotones='#CED9ED';

Ext.define('AutoCompleteTextField', {
extend: 'Ext.form.field.Text',
alias: 'widget.textFieldAutoComplete',
initComponent: function () {
this.callParent(arguments);
this.on('render', this.initAutocomplete);
},
initAutocomplete: function () {
this.inputEl.dom.autocomplete = 'on';
}
});

Ext.applyIf(me, {
items: [
............
mas abajo
...............
{
xtype: 'panel',
border: '',
height: 40,
id: 'plnCorreo01',
itemId: 'plnCorreo01',
alias: 'plnCorreo01',
bodyStyle: {background: color},
width: 337,
layout: {type: 'auto'},
items: [
{
xtype: 'textFieldAutoComplete',
margin:5,
style: {background: color},
id: 'txtCorreo01',
itemId: 'txtCorreo01',
alias: 'txtCorreo01',
name: 'correo',
fieldLabel: 'Correo',
emptyText: 'Digite su correo',
allowBlank:false,
blankText: 'Requiere de un correo',
vtype: 'email',
vtypeText: 'El formato del correo no es correcto'
}
]
},