ExtJs6 checkboxgroup组件根据数据库数据默认选中设置方法

最新推荐文章于 2021-02-23 22:09:46 发布

原创最新推荐文章于 2021-02-23 22:09:46 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

ExtJs6

本文介绍如何在ExtJS框架中使用CheckboxGroup组件，并在表单渲染前设置特定选项为默认选中状态。通过formpanel和controller部分的代码配置实现。

一般checkboxgroup这个组建用在formpanel里，所以在formpanel渲染之前加入以下方法：

form部分：
items : [
    {
        xtype: 'checkboxgroup',
        bind : {
            fieldLabel : '{meal}'
        },
        items: [
            {
                bind : {
                    boxLabel: '{breakfast}'
                },
                name: 'breakfast',
                inputValue : 1
            },{
                bind : {
                    boxLabel: '{lunch}'
                },
                name: 'lunch',
                inputValue : 2
            },{
                bind : {
                    boxLabel: '{dinner}'
                },
                name: 'dinner',
                inputValue : 4
            },{
                bind : {
                    boxLabel: '{snack}'
                },
                name: 'snack',
                inputValue : 8
            }
        ]
    }
]
controller部分：
var formpanel = this.getView();
formpanel.getForm().findField('breakfast').setValue(true);

标签

#extjs #数据库