TreeColumnMixin
Mixin
A mixin that adds tree rendering capabilities to any column type. Applied automatically when a column config includes tree: true.
This mixin extracts all tree rendering logic from TreeColumn, allowing any column type (e.g., ResourceInfoColumn, CheckColumn) to display tree structure when configured with tree: true.
Usage
const grid = new TreeGrid({
columns : [
// Any column type can now be a tree column
{ type : 'resourceInfo', tree : true, field : 'name' },
{ type : 'check', tree : true, field : 'done' }
]
});
See also
- TreeColumn - Dedicated tree column
- Tree - Tree feature
- TreeGrid - Tree grid
Configs
Configs are options you supply in a configuration object when creating an instance of this class-
The icon to use for the expand / collapse button in expanded state
Has a corresponding runtime collapseIconCls property.
-
The icon to use for a parent node in collapsed state
Has a corresponding runtime collapsedFolderIconCls property.
-
The icon to use for the expand / collapse button icon in collapsed state
Has a corresponding runtime expandIconCls property.
-
The icon to use for a parent node in expanded state
Has a corresponding runtime expandedFolderIconCls property.
-
The icon to use for the leaf nodes in the tree
Has a corresponding runtime leafIconCls property.
Properties
Properties are getters/setters or publicly accessible variables on this class-
Identifies this column as a tree column
-
Identifies an object as an instance of TreeColumnMixin class, or subclass thereof.
-
The icon to use for the expand / collapse button in expanded state
Has a corresponding collapseIconCls config.
-
The icon to use for a parent node in collapsed state
Has a corresponding collapsedFolderIconCls config.
-
The icon to use for the expand / collapse button icon in collapsed state
Has a corresponding expandIconCls config.
-
The icon to use for a parent node in expanded state
Has a corresponding expandedFolderIconCls config.
-
Identifies this column as a tree column
-
The icon to use for the leaf nodes in the tree
Has a corresponding leafIconCls config.
-
Identifies an object as an instance of TreeColumnMixin class, or subclass thereof.
Functions
Functions are methods available for calling on the class-
treeRenderer( )private
A column renderer that is automatically added to the column with { tree: true }. It adds padding and node icons to the cell to make the grid appear to be a tree. The original renderer is called in the process.