[4.1.1 RC1] Combo field was not selected with form.loadRecord() method

[andong]

Here is the combo field:

{
    fieldLabel: 'Gender',
    xtype: 'combo',
    name: 'gender',
    allowBlank: false,
    valueField: 'id',
    displayField: 'value',
    editable: false,
    queryMode: 'local',
    triggerAction: 'all',
    store: Ext.create('Ext.data.ArrayStore', {
        fields: ['id', 'value'],
        data: [['1', 'Male'], ['2', 'Female']]
    }),
    value: '1'
}

At the first time, I will open a window to show the add form and the combo correctly selects the Male option by configuration. But when I open edit window and use the form.loadRecord() method to populate the form's fields, all are populated correctly except the combo fields, all the combo fields's text are the id value (For Gender field is 1) and not select the wanted one.

I also try to use this code to force select the option but failed

form.findField('gender').setValue(user.get('gender'));

Any suggestions?

[andong]

Anybody here?

[skirtle]

I suspect it's a type mismatch.

This works as expected:

combo.setValue('2');

This works the way you describe:

combo.setValue(2);

It's the same against 4.1.0.

[andong]

I suspect it's a type mismatch.

This works as expected:

combo.setValue('2');

This works the way you describe:

combo.setValue(2);

It's the same against 4.1.0.

Thanks.
Yes, it's a data format issue - the value is int in the model. I changed the codes like below and it works

{
    fieldLabel: 'Gender',
    xtype: 'combo',
    name: 'gender',
    allowBlank: false,
    valueField: 'id',
    displayField: 'value',
    editable: false,
    queryMode: 'local',
    triggerAction: 'all',
    store: Ext.create('Ext.data.ArrayStore', {
        fields: ['id', 'value'],
        data: [[1, 'Male'], [2, 'Female']]
    }),
    value: 1
}

[andong]

BTW, It won't need to call setValue method, just call form.loadRecord method is enough.