Combo autocomplete issue

[amitdutta]

Hi
I am facing problem with the combo autocomplete
Issues:
1) It is not filtering the search as the user types ahead
2) I observed(in firebug) everytime I type a letter it is fetching the result thru rest call.
Any pointer will be helpful...
Code:
Model-------------

Ext.define('TopoApplication.model.MDeviceDetail', {
extend: 'Ext.data.Model',
fields: [
{
name: 'deviceName',
mapping: 'name'
},
{
name: 'id',
mapping: 'id'
},
{
name: 'deviceType',
mapping: 'deviceType'
},
{
name: 'longname',
mapping: 'longname'
},
{
name: 'state',
mapping: 'state'
}

],
proxy: {
type : 'rest',
extraParams: {
test:'2'
},
url :'topo/message',
// format: 'json',
reader: {
type:'json',
root : 'devicelist'
}

}

});
-----------------------------------------
Store:
Ext.define('TopoApplication.store.SDeviceDetail', {
extend : 'Ext.data.Store',
model : 'TopoApplication.model.MDeviceDetail',
autoLoad: true
});
View:

var combo = {
xtype : 'combo',
fieldLabel : 'Search By Device Name',
forceSelection : true,
valueField : 'id',
displayField : 'deviceName',
typeAhead : true,
hideTrigger: true,
loadingText : 'Querying....',
// pageSize : 20,
minChars : 1,
triggerAction : 'all',
//itemSelector : 'div.search-item',
store : 'SDeviceDetail',
listeners: {
'select': {fn:function(){console.log(this.getValue());}}
}
};

Ext.define('TopoApplication.view.device.DeviceDetail', {

extend : 'Ext.window.Window',
title : 'Device Detail Information',
width : 500,
height : 620,
alias : 'widget.deviceDetail',
defaults : {
bodyStyle : 'padding:15px'
},
items : combo,
initComponent : function() {
console.log('initComponent: DeviceDetail Window');
this.viewConfig = {
forceFit : true
};
this.callParent(arguments);
this.show();
}
});
Controller:
Ext.define('TopoApplication.controller.CDeviceDetail', {
extend : 'Ext.app.Controller',
stores : ['SDeviceDetail'],
models : ['MDeviceDetail'],
views : ['device.DeviceDetail'],
// views : ['device.Grid'],
init : function() {
// When we declare stores and models, the controller will automatically create getter functions for them.
// this.getSDeviceDetailStore().load();

this.control({
'viewport>panel' : {
render : this.onPanelRendered
}
});
console.log('Initialized CDeviceDetail Controller');
},

onPanelRendered : function() {
console.log('The panel was rendered');
}

});

[mitchellsimoens]

Are you handling the request properly to return only the results that match?

[amitdutta]

My issue is resolved.

I had to set the in combo defination
querymode = 'local'

Thanks for help !!

Amit