ExtJS 5.0.1根据组合框选择填充文本字段

Question

我的数据库中有一个表格，其中包含国家/地区列表及其各自的国家/地区代码，如下所示：

country     country code
-------     -------------
Canada      CA
Russia      RU
USA         US
China       CN
France      FR

当我从组合框中选择国家时，我希望表单中的文本字段填充其各自的国家/地区代码。有谁知道如何实现这一目标？

我的组合框定义如下：

{
xtype: 'combobox',
labelAlign: 'top',
fieldLabel: 'Country',
id: 'CountrySelectField',
name: 'country_id',
store: 'Country',
displayField: 'name',
valueField: 'id',
width: 300,
allowBlank:false,
}

Answer 1

您应该能够在组合框中添加一个侦听器，用于设置文本字段的值，如下所示：

listeners : {
      select :function  (combo, records, index, eOpts ){
        Ext.getCmp('myTextBox').setValue(combo.value);
      }
    }

Answer 2

您可以尝试使用records参数来选择事件

listeners : {
      select :function  (combo, records, index, eOpts ){
        Ext.getCmp('textbox').setValue(records[0].get('country_code'))
      }
    }