EXTJS 6.2.1类似于CheckboxGroup的项目符号组

gajydyqb  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(125)

有人知道是否有一个EXTJS控件可以产生一个类似于复选框组的项目符号组吗?

ki0zmccv

ki0zmccv1#

如果你想要一个项目符号列表的外观,你可以像下面的例子一样使用CSS自定义复选框组样式

Ext.application({
    name: 'BulletListExample',
    launch: function () {
        Ext.create('Ext.form.Panel', {
            title: 'Bullet List Example',
            width: 300,
            renderTo: Ext.getBody(),
            items: [{
                xtype: 'checkboxgroup',
                columns: 1,
                cls: 'bullet-list', // Apply custom CSS class
                items: [{
                        boxLabel: 'Item 1',
                        name: 'item1'
                    }, {
                        boxLabel: 'Item 2',
                        name: 'item2'
                    }, {
                        boxLabel: 'Item 3',
                        name: 'item3'
                    },
                    // Add more items as needed
                ]
            }]
        });
    }
});

字符串
CSS:

.x-form-checkbox-default:before {
    content: '\2022';
}

.x-form-cb-checked .x-form-checkbox-default:before {
    content: '\2022';
}

相关问题