[OPEN-1191] Panel setIconClass function does not work properly

[YetAnotherFrank]

Ext version tested:

• Ext 3.2.2

Adapter used:

• ext

css used:

• only default ext-all.css

Browser versions tested against:

• FF3

Operating System:

• Win Vista

Description:

• The Ext.Element.removeClass function does not work in 3.2.2 anymore if you want to remove multiple classes at once.

Steps to reproduce the problem:

For example, I want to change the icon in the header of a panel and the image has two classes set like this:

<img class="some-class-one some-class-two" src="ext-js/resources/images/default/s.gif" id="ext-gen542">

If I use setIconClass("some-class-three") on the panel I would expect that
"some-class-one" and "some-class-two" would be removed and only "some-class-three" would be there instead.
But removeClass fails to remove "some-class-one some-class-two" so "some-class-three" is added and you have
"some-class-one some-class-two some-class-three" as a result.


The result that was expected:

<img class="some-class-three" src="ext-js/resources/images/default/s.gif" id="ext-gen542">

The result that occurs instead:

<img class="some-class-one some-class-two some-class-one some-class-two some-class-three" src="ext-js/resources/images/default/s.gif" id="ext-gen542">

Debugging already done:

• none

Possible fix:

• not provided

[Animal]

It works as documented.

Ext.get("ext-gen8070").removeClass(["x-grid3-hd-inner", "x-grid3-hd-3"]);

Just removed both classes from that grid header.

[YetAnotherFrank]

Then Ext.Panel.setIconClass does not use the "removeClass" function properly.
In the docs it says: "This method will replace any existing icon class if one has already been set". But

Ext.getCmp("ext-comp-1187").setIconClass("testxxxxxtest")

just adds "testxxxxxtest" and does not remove any existing classes.

[Jamie Avins]

Updated the thread title, thanks for the report. Documentation may need to be adjusted.