Ext.onReady(function(){ Ext.QuickTips.init(); store = new Ext.data.JsonStore({ url: urlAutonomias, root: 'autonomias', fields: ['nombre', 'codigo'] }); var MyCombo = new Ext.form.ComboBox({ displayField: 'nombre', store: store, valueField: 'codigo', editable: true, typeAhead: true, mode: 'remote', allowBlank: false, triggerAction: 'all', emptyText: 'Seleccione una autonomía...', selectOnFocus: true, forceSelection: true, fieldLabel: 'Autonomía', msgTarget: 'under', blankText: 'Debe seleccionar una autonomía', width: 300, hiddenName: 'autonomia_id', hiddenId: 'autonomia_id', shadow:'drop', loadingText: 'Cargando autonomías...' }); var MyForm = new Ext.FormPanel({ id: 'ConsultaInicioFormBean', url: urlPlayas, frame: true, items: [MyCombo], buttons: [{ text: 'Buscar', type: 'submit', handler: enviarDatos },{ text: 'Cancelar', handler: function(){ MyCombo.clearInvalid(); win.hide(); } }], autoHeight:true }); function enviarDatos(){ if(MyForm.getForm().isValid()){ var comboValue=MyCombo.getValue(); window.location=urlPlayas+'?autonomia_id='+comboValue+"&action="+document.getElementById("action").value; win.hide(); }else{ Ext.MessageBox.alert('Error', 'Debe seleccionar una autonomía'); } } win = new Ext.Window({ layout:'fit', width:500, autoHeight: true, closeAction:'hide', plain: true, items: [MyForm], draggable: false, modal: true, closable: true, title: 'Seleccione una de las siguientes autonomías con playas activas', resizable: false }); });