[英]How to create dynamic CSS class in in extjs or javascript
是否可以在extjs中為GridView創建動態css類,而無需在樣式表中對css類進行硬編碼,例如
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.
}
};
您可以將Ext.util.CSS.createStyleSheet
(在ExtJS 3.4和ExtJS 4.1中都可用)用於該特定目的。
樣品:
Ext.util.CSS.createStyleSheet(
'.some-row-class {background-color:' + DEFAULT_ROW_COLOR + ';}'
);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.