extjs中默认加载RadioGroup（单选框）的初始化值

最新推荐文章于 2023-06-17 22:44:27 发布

david-sui

最新推荐文章于 2023-06-17 22:44:27 发布

阅读量1.1w

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs+.NET+sqlserver2005 文章标签： extjs function layout null c

本文链接：https://blog.youkuaiyun.com/suixufeng/article/details/6590224

Extjs+.NET+sqlserver2005 专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何使用Ext.form.RadioGroup控件并根据获取的数据加载初始值。通过覆盖Ext.form.BasicForm的方法findField实现对RadioGroup和CheckboxGroup的值进行设定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据取出的数据来加载Radio的初始值，选用Ext.form.RadioGroup

定义控件：
   {
         xtype:"panel",
         layout:"column",
         fieldLabel:'客户性别',
xtype:'radiogroup',fieldLabel : "性别", anchor:'95%',columns: 2 ,items: 
[{boxLabel: "先生", name: 'cst_sex',inputValue: '先生'},
{boxLabel: "女士", name: 'cst_sex',inputValue: '女士'}
]

//radiogroup、checkboxgroup赋值,把下面一段加到代码的最上边
Ext.override(Ext.form.BasicForm, {
    findField: function (id) {
        var field = this.items.get(id);
        if (!field) {
            this.items.each(function (f) {
                if (f.isXType('radiogroup') || f.isXType('checkboxgroup')) {
                    f.items.each(function (c) {
                        if (c.isFormField && (c.dataIndex == id || c.id == id || c.getName() == id)) {
                            field = c;
                            return false;
                        }
                    });
                }

                if (f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)) {
                    field = f;
                    return false;
                }
            });
        }
        return field || null;
    }
});

效果：