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

Ext.create('Ext.form.Panel', {
    title: '选择国家和填写城市',
    width: 400,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'combobox',
        fieldLabel: '国家',
        store: ['中国', '美国', '日本'],
        listeners: {
            select: function(combo, records) {
                var selectedCountry = records[0].data;
                var cityField = Ext.getCmp('cityField');
                
                // 根据选择的国家更新城市字段
                if (selectedCountry === '中国') {
                    cityField.setValue('北京');
                } else if (selectedCountry === '美国') {
                    cityField.setValue('华盛顿');
                } else if (selectedCountry === '日本') {
                    cityField.setValue('东京');
                }
            }
        }
    }, {
        xtype: 'textfield',
        fieldLabel: '城市',
        id: 'cityField'
    }]
});