如何在ExtJS Combobox中获取所选displayField的值

Question

How to get the value of selected displayField in ExtJS 3.4 ComboBox? getValue() returns valueField, but I need other.

Answer 1

combo.getValue() -> the valueField
combo.getRawValue() -> the displayField

Answer 2

If this is the case,

displayField : 'countryName',
valueField  : 'countryId',

then following function gives the required displayFiled (Even more than 1 fields are there in store you can get them too)

function getFieldValues(combo, nameIn, nameOut){
     try{
          var r = combo.getStore().find(nameIn,combo.getValue());
          return combo.getStore().getAt(r).get(nameOut);
     }
     catch(err){
          return'error';
     }
}

Way to get the displayfield or any other filed which is in store :

var item = getFieldValues(Ext.getCmp('combo'), 'countryId', 'countryName');

Answer 3

Maybe u just user store.filter(), right? If that, try clear filter and load again like below:

onProvinceSelected: function (com,record,index)
{
    var provinceCode = com.getValue();
    var postGrid = this.lookupReference('postgrid');
    if (provinceCode != 0) {
        postGrid.store.filter('ProvinceCode', provinceCode);
    } else {
        postGrid.store.filters.clear();
        postGrid.getStore().load();
    }
}

Answer 4

I'm using the lastSelectionText property of the ComboBox; works fine for me, but it is an undocumented feature and thus may break at any time...

Ext.override(Ext.form.ComboBox,
{
    getDisplayValue: function () {
        return this.lastSelectionText;
    }
});