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

xghobddn  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(132)

我有一个单选按钮男性和女性的收音机组。请参见以下代码

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

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

lx0bsm1f

lx0bsm1f1#

您只需传递一个对象,以单选项名称作为键和值,如:

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

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

b4qexyjb

b4qexyjb2#

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

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

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

相关问题