ExtJs-组合框和隐藏字段

Question

I have a problem with showing hidden field value. My code:

var MyComboBox = Ext.extend(Ext.form.ComboBox, {
initComponent : function() {
    Ext.apply(this, { 
        store           : Store ,

        displayField   : 'name',
        valueField     : 'id',

        typeAhead      : true,
        mode           : 'local',
        forceSelection : true,
        triggerAction  : 'all',
        selectOnFocus  : true
    });
    MyComboBox.superclass.initComponent.apply(this, arguments);
}
});


// Select event.
var combo1 = new MyComboBox({
    name        : 'combo1',
    applyTo     : 'combo1',
    hiddenName  : 'hcombo1',    // hidde field
    hiddenValue : 'id',

    listeners : {
        'select' : function() {
            combo2.setValue(combo1.getValue());
        }
    }
});

var combo2 = new MyComboBox({
    name      : 'combo2',
    applyTo   : 'combo2',
    listeners : {
        'select' : function() {
            alert(combo1.getRawValue()); // print hidden value (id of record)
        }
    }
}); 

I need value of hidden field with name - hcombo1. But code alert(combo1.getRawValue()) - print not ID, they print NAME. What I do wrong ? ExtJS 3.3.1

Answer 1

try change your listeners like this :

listeners : {
    'select' : function(combo) {
        combo2.setValue(combo.getValue());
    }
}

from docs, event "select" can passed 3 argument
select : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )