Setting styles for all Tree components in a document

The Tree class inherits from the List class, which inherits from the ScrollSelectList class. The default class-level style properties are defined on the ScrollSelectList class, which the Menu component and all List-based components extend. You can set new default style values on this class directly, and the new settings are reflected in all affected components.

_global.styles.ScrollSelectList.setStyle("backgroundColor", 0xFF00AA);

To set a style property on the Tree components only, you can create a new CSSStyleDeclaration instance and store it in _global.styles.DataGrid.

import mx.styles.CSSStyleDeclaration;
if (_global.styles.Tree == undefined) {
    _global.styles.Tree = new CSSStyleDeclaration();
}
_global.styles.Tree.setStyle("backgroundColor", 0xFF00AA);

When you create a new class-level style declaration, you lose all default values provided by the ScrollSelectList declaration. This includes backgroundColor, which is required for supporting mouse events. To create a class-level style declaration and preserve defaults, use a for loop, as follows, to copy the old settings to the new declaration.

var source = _global.styles.ScrollSelectList;
var target = _global.styles.Tree;
for (var style in source) {
    target.setStyle(style, source.getStyle(style));
}

View comments on LiveDocs