extjs 一个单元格内多个选项

在ExtJS中，如果你需要在一个单元格（cell）内显示并允许用户选择多个选项，你可以使用`multiselectfield`或`checkboxgroup`组件。这两种组件都支持多选模式，适合于展示复选列表或者下拉菜单式的多选项。

例如，如果你想在一个单元格里创建一个多选框组：

{
    xtype: 'gridcolumn', // 假设这是一个grid列配置
    dataIndex: 'options', // 这是数据源中对应的选择项字段名
    renderer: function(value, metaData, record, rowIndex, colIndex, store) {
        return Ext.create('Ext.form.field.CheckboxGroup', {
            fieldLabel: '', // 单元格标题
            name: 'options', // 组件名称，与dataIndex匹配
            valueField: 'value', // 用于绑定到后台的数据值
            displayField: 'name', // 显示的选项标签
            store: Ext.create('Ext.data.Store', {
                fields: ['name', 'value'], // 数据存储结构
                data: [
                    {name: 'Option 1', value: 'option1'},
                    {name: 'Option 2', value: 'option2'},
                    // 更多选项...
                ]
            }),
            allowBlank: false, // 是否允许空白选项
            mode: 'multi', // 多选模式
            listeners: {
                change: function(field, newValue, oldValue) {
                    // 选中变化后的处理逻辑
                }
            }
        });
    }
}