openui5 js view addStyleClass

Question

How can we set class with mSetting?

For example:

new sap.m.Button({}).addStyleClass("my-class"); //work

Another way?

new sap.m.Button({
  styleClass: "my-class" // did'n work
});

Any possibility to set class that way?

Answer 1

As of now (till version SAPUI5 1.28.4), styleClass is not a supported property of sap.m.Button nor its base type's( sap.ui.core.Control) property. Hence you have to use addStyleClass(sStyleClass) OR in XML view directly.

As @Ivan said, you can use busy property because this exists in the base type sap.ui.core.Control

Hopefully we will this basic functionality in higher releases.

Update: for multiple CSS classes

var oLabel =  new sap.m.Label({text:"Sample"}).addStyleClass("sample1 sample2");

OR

var oLabel =  new sap.m.Label({text:"Sample"}).addStyleClass("sample1").addStyleClass("sample2");