cómo obtener el valor en el cuadro combinado extjs?

Question

Tengo un código siguiente para el cuadro combinado, ¿cómo puedo obtener el valor que está seleccionado en el cuadro combinado y cargar ese valor en una variable y usarlo más tarde?

Gracias

Ext.define('Column', { 
    extend: 'Ext.data.Model', 
    fields: ['data1', 'Data2'] 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'Column', 
    autoLoad: true, 
    proxy: { 
     type: 'ajax', 
     url: '/data.xml', 
     reader: { 
      type: 'xml', 
      record: 'result' 
     } 
    } 
}); 

var simpleCombo = Ext.create('Ext.form.field.ComboBox', { 
    store: store, 
    displayField: 'data1', 
    valueField: 'data1', 
    width: 250, 
    labelWidth: 120, 
    fieldLabel: 'select a value', 
    renderTo: 'simpleCombo', 
    queryMode: 'local', 
    typeAhead: true 
}); 

Answer 1

Sólo tiene que utilizar el evento select

var simpleCombo = Ext.create('Ext.form.field.ComboBox', { 
      store: store, 
      displayField: 'data1', 
      valueField: 'data1' , 
      width: 250, 
      labelWidth: 120, 
      fieldLabel: 'select a value', 
      renderTo: 'simpleCombo', 
      queryMode: 'local', 
      typeAhead: true, 
      listeners: { 
       select: function(combo, records) { 
        // note that records are a array of records to be prepared for multiselection 
        // therefore use records[0] to access the selected record 
       } 
     }); 

API Link

contenido adicional de los comentarios:

Eche un vistazo a la propiedad multiSelect del cuadro combinado. Obtiene todos los valores separados por un delimitador definido y el evento select le dará una matriz de registros con más de un registro. Tenga en cuenta que getValue() solo le proporciona el campo de visualización definido que es una cadena y no el registro en sí. Entonces, si usas iComboValue [0], obtendrás el primer carácter. Siempre se debe acceder a los registros seleccionados usando el evento seleccionado. Pero puede almacenarlos en una matriz para su uso posterior y sobrescribirlos con cualquier nueva selección.

Answer 2

También puede utilizar:

var iComboValue = simpleCombo.getValue(); 

Answer 3

puede haber deberías probar este

// to get the combobox selected item outside the combo listener 
     simpleCombo.on('change', function (combo, record, index) { 

      alert(record); // to get the selected item 

      console.log(record); // to get the selected item 

     }); 

Answer 4

Al utilizar combo.getValue() (como Izhaki ha señalado), asegúrese de que el cuadro combinado se ha configurado correctamente para usar el campo relevante del modelo de tienda.

tienda con un campo de valor y campo de nombre

var bandsStore = Ext.create('Ext.data.Store', { 
    fields: ['color', 'name'], 
    data : [ 
    {"color": "green", "name": "Green Day"}, 
    {"color": "pink", "name": "Pink Floyd"}, 
    {"color": "purple", "name": "Deep Purple"} 
    ] 
}); 

cuadro combinado con el campo de color para el valor

}, { 
    xtype: 'combo', 
    id: 'BandsCombo', 
    fieldLabel: 'Band Names', 
    name: 'bandNames', 
    store: bandsStore, 
    displayField: 'name', 
    valueField: 'color' 
}, { 

Pasamos un poco de tiempo a trabajar hoy por qué mi forma de mantenerse publicando null para un campo de cuadro combinado. Este fue el problema. :)