2015-04-08 17 views
5

Come possiamo impostare la classe con mSetting?openui5 js view addStyleClass

Ad esempio:

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

Un altro modo?

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

Qualsiasi possibilità di impostare la classe in questo modo?

+0

styleClass non è una proprietà del pulsante. Ma se desideri averlo in questo modo, puoi estendere il pulsante e aggiungere una nuova proprietà styleClass. – sakthi

+0

addStyleClass è preso in prestito dalla classe sap.ui.core.Control. Per expamle 'setBusy' prendi in prestito anche forma sap.ui.core.Control. Ma possiamo fare questo 'codice' ' sapm.Button ({busy: true}); 'code' – Ivan

+2

Per JavaScript Views' .addStyleClass() 'è l'unico modo integrato per allegare una classe di stile. In XML Views puoi semplicemente scrivere '

risposta

5

A partire da ora (fino alla versione SAPUI5 1.28.4), styleClass è non una proprietà supportata di sap.m.Button né (sap.ui.core.Control) Proprietà del suo tipo di base. Quindi è necessario utilizzare addStyleClass(sStyleClass) O direttamente nella vista XML.

Come ha detto @Ivan, è possibile utilizzare busy proprietà perché questo esiste nel tipo di base sap.ui.core.Control

Speriamo di questa funzionalità di base nelle versioni superiori.

Update: per più classi CSS

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

O

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

Possiamo impostare più classi sul componente? Come ? – Rayon

+0

sì, possiamo quanti ne vogliamo ... –

+0

separatore 'spazio'? o concatenamento di 'addStyleClass'? – Rayon