Javascript-форум - Как отключить иконку в Ext.menu.Item

Javascript-форум (https://javascript.ru/forum/)

- ExtJS (https://javascript.ru/forum/extjs/)

- - Как отключить иконку в Ext.menu.Item (https://javascript.ru/forum/extjs/12382-kak-otklyuchit-ikonku-v-ext-menu-item.html)

Как отключить иконку в Ext.menu.Item

RegionNorth = new Ext.Toolbar({
            region: "north",
            height: 28,
            items: [
                " ",
            {
                xtype: "button",
                text: "Button",
                menu: {
                    defaults: {
                        iconCls: "no-icon"
                    },
                    items: [{
                        text: "SubButton# 1"
                    }, {
                        text: "SubButton# 2"
                    }]
                }
            },
                "->"
            ]
        })

Все равно слева от каждого пункта есть пустое место под иконку и сепаратор. Как убрать? Мне нужна только кнопка.

Убирать нужно статически или динамически при каком то действии?

Если первое, то просто уберите

defaults: {
    iconCls: "no-icon"
},

Если динамически, то попробуй

RegionNorth = new Ext.Toolbar({
            region: "north",
            height: 28,
            items: [
                " ",
            {
                xtype: "button",
                text: "Button",
                menu: {
                    defaults: {
                        iconCls: "no-icon"
                    },
                    items: [{
                        text: "SubButton# 1",
                        ref: '../btn_1'
                    }, {
                        text: "SubButton# 2",
                        ref: '../btn_2',
                    }]
                }
            },
                "->"
            ]
        })



RegionNorth.btn_1.setIconClass('');
RegionNorth.btn_2.setIconClass('');

Цитата:

Сообщение от VKS (Сообщение 74301)

Убирать нужно статически или динамически при каком то действии?

Статически. Вообще убрать. Хочу просто кнопку без всяких там рюшечек/бантиков...

Цитата:

Сообщение от VKS (Сообщение 74301)

Если первое, то просто уберите

defaults: {
    iconCls: "no-icon"
},

Изначально было без него - то я "...от безсильної люті..." добавил... Все равно добавляет...

<li id="x-menu-el-ext-comp-1006" class="x-menu-list-item">
	<a id="ext-comp-1006" class="x-menu-item" hidefocus="true" unselectable="on" href="#">
		==><img id="ext-gen23" alt="" src="../../ExtJS/resources/images/default/s.gif" class="x-menu-item-icon ">
		<span id="ext-gen24" class="x-menu-item-text">SubButton #1</span>
	</a>
</li>
<li id="x-menu-el-ext-comp-1007" class="x-menu-list-item">
	<a id="ext-comp-1007" class="x-menu-item" hidefocus="true" unselectable="on" href="#">
		==><img id="ext-gen25" alt="" src="../../ExtJS/resources/images/default/s.gif" class="x-menu-item-icon ">
		<span id="ext-gen26" class="x-menu-item-text">SubButton #2</span>
	</a>
</li>

Просто с "no-icon" у img class="x-menu-item-icon " становится class="x-menu-item-icon no-icon "

Странно, версия extjs какая?
Если что, глянь тут примеры
http://mytrouble.ru/content/obucheni...i-instrumentov

Цитата:

Сообщение от VKS (Сообщение 74316)

версия extjs какая?

На всех: 3.1.1/3.2.0/3.2.1/3.3.0

Цитата:

Сообщение от VKS (Сообщение 74316)

Если что, глянь тут примеры
http://mytrouble.ru/content/obucheni...i-instrumentov

Ну вот там и смотрим

: Menu Button и под ней: Better, Good, Best. Видите слева пустое место под иконку и сепаратор? Вот это я и хочу убрать.

Подсказали:

.myMenuClass a.x-menu-item
{
	padding-left: 3px;
}

myMenu = new Ext.menu.Menu({
	cls: "myMenuClass",
	width: 200,
	plain: true,
	items: [{
		text: "Menu item 1"
	} ,{
		text: "Menu item 2"
	}]
});

Только вот <img>, как таковой - остался:

<li id="x-menu-el-ext-comp-1003" class="x-menu-list-item">
	<a id="ext-comp-1003" class="x-menu-item" hidefocus="true" unselectable="on" href="#">
==>		<img id="ext-gen27" alt="" src="../../ExtJS/resources/images/default/s.gif" class="x-menu-item-icon ">
		<span id="ext-gen28" class="x-menu-item-text">Menu item 1</span>
	</a>
</li>
<li id="x-menu-el-ext-comp-1004" class="x-menu-list-item">
	<a id="ext-comp-1004" class="x-menu-item" hidefocus="true" unselectable="on" href="#">
==>		<img id="ext-gen29" alt="" src="../../ExtJS/resources/images/default/s.gif" class="x-menu-item-icon ">
		<span id="ext-gen30" class="x-menu-item-text">Menu item 2</span>
	</a>
</li>

Я так понял, выкинуть его вообще - невозможно?..

В ucoz такое есть.
Но там такой код, что все равное не понять.

Это лучше на официальном сайте спросить.