有人知道是否有一个EXTJS控件可以产生一个类似于复选框组的项目符号组吗?
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 ] }] }); }});
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
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';}
.x-form-checkbox-default:before {
content: '\2022';
.x-form-cb-checked .x-form-checkbox-default:before {
型
1条答案
按热度按时间ki0zmccv1#
如果你想要一个项目符号列表的外观,你可以像下面的例子一样使用CSS自定义复选框组样式
字符串
CSS:
型