Question

I want to populate the combobox dynamically based on the data I received from thr Url(which is servlet)

Below is my ExtJS code :

{ 
    xtype:'combo', 
    id: 'shoutoutsTags',
    fieldLabel: 'Tag',
    value: '',
    mode: 'local',
    width: 200,
    store: new Ext.data.JsonStore({
        id:'ms',                                   
        url:'http://localhost:8080/ezdi/extServlet',
        //totalProperty:'totalCount',
        root:'rows',
        fields:[
          {name:'un'},
          {name:'pwd'}
        ], 
        autoLoad:true      
    }),
    displayField: 'un',
    valueField: 'pwd',
    typeAhead:true,
    minChars:1,
    forceSelection: true,
    triggerAction: 'all',
    hideTrigger:true
    //hiddenName: 'mytag'
}

But I am getting below error and my Url is not being called:

msg : “You are using a ServerProxy but have not supplied it with a url.”

sourceClass : “Ext.data.proxy.Server”

sourceMethod : “buildUrl” uncaught exception: You are using a ServerProxy
but have not supplied it with a
url.

Suggest me how can I overcome this error.

Answer 1

 Ext.define("modelname", {
    extend: 'Ext.data.Model',
    proxy: {
        type: 'ajax',
        url : '/myServlet',
        method:'POST',
        reader: {
            type: 'json',
            root: 'rows'
            //,totalProperty: 'totalCount'
        }
    },

    fields: [
        {name: 'name', mapping: 'name'}
    ]
});

   var ds = Ext.create('Ext.data.Store', {
       pageSize: 10,
       model: 'modelName'
   });