ExtJS 4.1 Combo - Come rendere di selezione funzione fuoco Quando la chiamata combo.setValue

Question

Ho un combo come

 items: { 
      xtype: 'combo', 
      id: 'combo', 
      queryMode: 'local',     
      displayField: 'name', 
      valueField: 'id', 
      store: Ext.create('Ext.data.Store', { 
       fields: ['id', 'name', 'mydata'], 
       data: [ 
        {'id': '1', 'name': 'John Smith', 'mydata': ["3", "4"]}, 
        {'id': '2', 'name': 'Albert Einstein', 'mydata': ["1", "2"]} 
       ] 
      }), 
      listeners: { 
       select: function(combo, records, eOpts) { 
        alert(records[0].get('mydata')); // records is undefined 
       } 
      } 
     } 

Ma quando utilizza

var combo = Ext.getCmp('combo'); 
    //combo.select("1"); 
    combo.setValue("1"); 
    combo.fireEvent('select'); 

Poi alert(records[0].get('mydata')); // records is undefined fallire. Come risolvere questo problema grazie. Questo è il mio codice http://jsfiddle.net/LZ8XU/

Answer 1

Per qualche motivo, il metodo di selezione del ComboBox Ext non attiva l'evento select. Mi sembra dalla tua domanda che vuoi impostare un valore e attivare manualmente l'evento select. Se è così, ci sono un paio di altri campi che sono necessari per passare; in particolare lo stesso comboBox e il record selezionato.

Ecco un'implementazione che lo fa.

var combo = Ext.getCmp('combo'); 
var toselect = "Albert Einstein"; 

combo.select(toselect); 
var record = combo.getStore().findRecord('name', toselect); 
combo.fireEvent('select', combo, [record]); 

Answer 2

Perché non ascoltare invece l'evento change?