PDA

View Full Version : [Solved] Browser AutoComplete



jasondeegan
22 Apr 2010, 4:21 AM
I haven't found much on AutoComplete out there. For whatever reason, my autocomplete is working in that I see a list of things I previously put into a field named "loginEmail" (see figure 1). However, new entries I type into the EXT form are not added to the list. (the figure 1 list is always the same)

Input setup:

fieldLabel: 'Email', name: 'loginEmail', autoCreate:{ autocomplete:"on" }, width:150, vtype:'email', allowBlank:false, validationEvent: 'change' },{


I ensured that the form is being "submitted" with Ext and I wasn't just changing pages with a redirect, too.



var returningUserFormPanel = new Ext.FormPanel({
labelWidth: 120, labelAlign: 'right', defaultType: 'textfield', applyTo:'returningUserDiv', frame:false, border:false, bodyStyle:'border:solid gray 1px; padding:5px; background-color:transparent;', width:370, monitorValid:true,
items: [{
inputType:'hidden', id: 'action', name: 'action', value:'login' },{
fieldLabel: 'Email', name: 'loginEmail', autoCreate:{ autocomplete:"on" }, width:150, vtype:'email', allowBlank:false, validationEvent: 'change' },{
fieldLabel: 'Password', id: 'loginPwd', name: 'loginPwd', inputType: 'password', width:150, allowBlank:false, validationEvent: 'change',
listeners:{
specialkey:function( f, o ){
if(o.getKey() == o.ENTER){
submitLoginFormPanel();
}
}
}
}],
buttons: [{
text: 'Login', formBind:true, handler: submitLoginFormPanel
}]
});

function submitLoginFormPanel() {
returningUserFormPanel.getForm().submit({
url:'/tl/dao.php', method:'POST',
success: function(form, action){
window.location.replace( '/tl/secure/go.php' );
},
failure: function( f, a ) {
notify( 'Error', a.result.msg );
}
});
}


Thanks in advance,

Jason

*NOTE: I have added Mystix' override from this (http://www.extjs.com/forum/showthread.php?55495-Solved-Simple-Autocomplete-on-Form-Fields) post:


Ext.override(Ext.Component, {
getAutoCreate : function() {
var cfg = typeof this.autoCreate == "object" ?
Ext.apply({}, this.autoCreate, this.defaultAutoCreate) : Ext.apply({}, this.defaultAutoCreate);
if (this.id && !cfg.id) {
cfg.id = this.id;
}
return cfg;
}
});


form input suggest

jasondeegan
23 Apr 2010, 9:08 AM
Bump. Has no one else experienced this? I must be doing something wrong?!?

J

jasondeegan
27 Apr 2010, 6:08 AM
Last bump - I've tried a few more random things and nothing is working...

jasondeegan
27 Apr 2010, 6:53 AM
Using a "standardSubmit:true" value makes the autoComplete feature work properly in FF 3.x.

Curious, but I'll take it.

Jason