Если вы просто хотите значок прямо рядом с текстом, вы можете просто вставить изображение после того, как пункт меню визуализируется
Ext.create('Ext.menu.Menu', {
width: 100,
height: 200,
floating: false,
renderTo: Ext.getBody(),
items: [{
xtype: 'menucheckitem',
text: 'select all',
listeners: {
render: function(comp) {
Ext.DomHelper.insertAfter(comp.getEl().down(".x-menu-item-icon"), {
tag: 'img',
src: "http://flyosity.com/images/_blogentries/networkicon/stepfinal2.png",
width: 16,
height: 16
});
}
}
}]
});
В идеале, вы бы создать плагин или подкласс, так что вы можете использовать это функциональность. Вышеприведенный код не перестраивает разделитель, это единственный разделитель для всего меню, но он должен дать вам начало.
Вы проверили инструменты разработчика, если iconCls действительно применяется к элементу вашего пункта меню? Возможно, в CSS существует проблема ... –
Они уже используют пространство, зарезервированное для значка для флажка, вы хотите, чтобы изображение рядом с флажком? Для этого потребуется переместить разделительную линию и выровнять ее вверх –
@Dmitry Pashkevich, но я не думаю, что в CSS есть проблема, потому что она отлично работает со всем остальным. – Shadin