I have the ExtJs form combo which shows the values in the dropdown as checkbox and the value to select. I have used the pagination to list all the values with no of pages. In the first page it is showing 'age' in the dropdown but when click for the next page it is displaying id's of the selected entries from the first page.

Ext.create('Ext.form.ComboBox', {
   id: 'ageComboPickerReport',                                                                               
   name: 'ageComboPickerReport',
   maxHeight: 150,
   margin: '0 5 0 0',
   width: 150,
  emptyText: "Select tags",                                                                                      
  listConfig: {                                                                                          
     getInnerTpl: function (displayField) {                                                                                      
      return '<div class="x-combo-list-item"><img src="" class="chkCombo-default-icon 
   chkCombo" /> {' + displayField + '}</div>';
    },
    autoEl: {                                                                               'q-name': 'rpt-age-criteria-list'
  },                                                                                     labelAlign: 'top',
pageSize: 25,
displayField: 'age',                                                                valueField: 'id',                                                                 forceSelection: true,                                                             store: me.ageStore,
//Disable Typing and Open Combo                                                                          
   onFocus: function () {                                                                    
  if (!this.isExpanded) {
 me.ageStore.load()
this.expand()
}                                                                                   this.getPicker().focus();
}
}),

could any tell me how to show the 'age'(displayField) instead of showing valueField(id)?