如何在 Ext JS 中设置 RadioGroup setValue() 函数？

Question

我有一个包含单选按钮男性和女性的单选组。请看下面的代码

{
    xtype: 'radiogroup',
    fieldLabel: 'Gender',
    name: 'rbGender',
    defaults: {
        flex: 1
    },
    layout: 'hbox',
    items: [
        {
            boxLabel: 'Male',
            name: 'gender',
            inputValue: false,
            //checked: true,
            id: 'radio1'
        },
        {
            boxLabel: 'Female',
            name: 'gender',
            inputValue: true,
            id: 'radio2'
        }
    ]
}

当我从性别字段男性或女性（true/false）的数据库中获取值时，我无法设置这些单选字段。

请看下面的代码。

 if (rec[0].gender == true) {
     me.form.getForm().findField('gender').setValue(true);
 }
 else if (rec[0].gender == false) {
     me.form.getForm().findField('gender').setValue(true);
 };

如何通过数据库性别字段值设置男性女性单选按钮

Answer 1

你只需传递一个对象，以单选项名称作为键和值，如：

setValue({gender: true}) // will set the female as selected.

工作示例：https://fiddle.sencha.com/#view/editor&fiddle/1o8c

Answer 2

你可以用不同的方式设置值

1)  this.form?.get('gender')?.setValue(true);

2)  gender: new FormControl(true, Validators.compose([
       Validators.required
   ])),

如何在 Ext JS 中设置 RadioGroup setValue() 函数？

How to set RadioGroup setValue() function in Ext JS?

javascript

jquery

extjs

sencha-touch

sencha-architect