Ext.js尝试将下拉列表转换为两个带有存储处理程序的复选框组

Question

我有以下代码：

{
                xtype         : "combobox",
                fieldLabel    : "Content type",
                labelAlign    : fx.consts.formAlignment,
                //listeners     : fx.utils.appendTooltip("Replication", "How many copies to keep for each video file for this group"),
                name          : "content_type",
                id            : "fx-form-content_type",
                value         : 0,
                store         : Ext.create("Ext.data.Store", {
                    fields: ["text", "value"],
                    data  : [
                        {
                            text : "All",
                            value: 0
                        },
                        {
                            text : "VOD",
                            value: 1
                        },
                        {
                            text : "NPVR",
                            value: 2
                        }
                        {
                          text:"None"
                          value:3
                        }
                    ]
                }),
                editable      : false,
                forceSelection: true,
                queryMode     : "local",
                displayField  : "text",
                valueField    : "value}

当我单击下拉列表时，将显示这3个选项。使用商店：Ext.create（“ Ext.data.Store”，...当我从其中按下某个选项时，我将其存储在我的对象中，现在要代替它，我要有两个名称为VOD，NPVR的复选框。

我可以选中两个复选框，也可以只选中其中一个，也可以不选中。但是我希望复选框存储在存储部分中的文本和值之间连接之前的值。