Come creare classe CSS dinamica in ExtJS o javascript

Question

E 'possibile creare classe CSS dinamico per il GridView in ExtJS senza disco codifica la classe CSS all'interno del foglio di stile, per esempio

DEFAULT_ROW_COLOR = '#E0E0E0'; 
... 
var gridview = new Ext.grid.GroupingView({ 
    forceFit : forceFit, 
    hideGroupedColumn : true, 
    showGroupName : false, 
    groupTextTpl: '{text}', 
    getRowClass : getRowClassFunc 
}); 

var getRowClassFunc = function(record, rowIndex, rowParams, store) { 
    if (rowIndex == 1) { 
    // create a dynamic class based on DEFAULT_ROW_COLOR for background color 
    } 
    if (rowIndex > 1) { 
    // create a dynamic class for darker color for the background. 
    } 
}; 

Answer 1

Si potrebbe utilizzare Ext.util.CSS.createStyleSheet (disponibile sia in ExtJS 3.4 che ExtJS 4.1) per lo scopo esatto.

Esempio:

Ext.util.CSS.createStyleSheet(
    '.some-row-class {background-color:' + DEFAULT_ROW_COLOR + ';}' 
);