PDA

View Full Version : Autocomplete combobox with ajax call



deepakbellale
19 Jun 2013, 9:11 PM
when we click on the arrow on combo box first time it shows whole list and when we filter with the minChars the list is visible and the problem is when we delete the filtered value again when i click on the arrow of combo box the whole list is NOT visible. I want the list has to be visible.

Code:



xtype : 'combobox',
x : 50,
y : 20,
width : 310,
itemId : 'srcAppName',
queryMode : 'remote',
displayField : 'name',
forceSelection : true,
id : 'searchId',
enableKeyEvents: true,
fieldLabel : 'Search',
triggerAction: 'all',
name : 'appSearch',
minChars : 2,
store : {
autoLoad : true,
fields : ['name'],
proxy : {
type : 'ajax',
url : 'appSearchNameJsonData',
reader : {
root : 'searchableName',
type : 'json'
}
}
},
listeners : {
buffer : 50,
change : function() {
var store = this.store;
store.clearFilter();
store.filter({
property : 'name',
value : this.getValue()
});
}

}

slemmon
21 Jun 2013, 2:01 PM
Deleting the value that's typed into the combo and then clicking the trigger should pull down the full response from the server again - unless you have forceSelection and you've already made a selection and then try and come back and clear the field and click the trigger since at that point it's still holding on to the selection you've made.

Is that the situation you're seeing? You're not getting the query run anew on trigger click after a selection has been made?

deepakbellale
21 Jun 2013, 7:59 PM
Thanks for showing me the direction..!!:)