ExtJs - 组合框和隐藏字段

Question

我在显示隐藏字段值时遇到问题。 我的代码：

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)
        }
    }
}); 

我需要名称为 hcombo1 的隐藏字段的值。但是代码 alert(combo1.getRawValue()) - 不是打印 ID，而是打印 NAME。我做错了什么？ ExtJS 3.3.1

Answer 1

尝试像这样改变你的听众：

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

从文档中，事件“选择”可以传递 3 个参数
select : ( Ext.form.ComboBox combo, Ext.data.Record record, Number index )