Advanced User Interface Controls and Components
Specifies an object that map the fields names of columns, rows and cells from data source to the ones used by the TreeGrid.
| Variable | Type | Details |
|---|---|---|
| allowDrag (default: 'allowDrag') | String | Specifies the name of a property in your data source which determines whether column can be dragged |
| allowDrop (default: 'allowDrop') | String | Specifies the name of a property in your data source which determines whether column can accept other columns during column reordering |
| allowFilter (default: 'allowFilter') | String | Specifies the name of a property in your data source which determines whether filter can be applied or not |
| contentAlignment (default: 'contentAlignment') | String | Specifies the name of a property in your data source which represents the alignment of column cells |
| contextMenu (default: 'contextMenu') | String | Specifies the name of a property in your data source which represents the context menu attached to the column |
| editorType (default: 'editorType') | String | Specifies the name of a property in your data source which represents the type of editor used for data editing in column cells |
| editorSettings (default: 'editorSettings') | String | Specifies the name of a property in your data source which represents the object which holds the settings for the editor |
| editorTemplate (default: 'editorTemplate') | String | Specifies the name of a property in your data source which represents an unique identifier of the editor template |
| filterParams (default: 'filterParams') | String | Specifies the name of a property in your data source which represents the object which holds the settings for the filter |
| filterTemplate (default: 'filterTemplate') | String | Specifies the name of a property in your data source which represents an unique identifier of the filter template |
| fixedWidth (default: 'fixedWidth') | String | Specifies the name of a property in your data source which determines whether column width is fixed |
| footerAlignment (default: 'footerAlignment') | String | Specifies the name of a property in your data source which represents the alignment of column footer |
| footerTemplate (default: 'footerTemplate') | String | Specifies the name of a property in your data source which represents an unique identifier of the footer template |
| footerText (default: 'footerText') | String | Specifies the name of a property in your data source which represents the label of column footer |
| headerAlignment (default: 'headerAlignment') | String | Specifies the name of a property in your data source which represents the alignment of column header |
| headerTemplate (default: 'headerTemplate') | String | Specifies the name of a property in your data source which represents an unique identifier of the header template |
| headerText (default: 'headerText') | String | Specifies the name of a property in your data source which represents the label of column header |
| icon (default: 'icon') | String | Specifies the name of a property in your data source which represents a DOM element used as column icon |
| id (default: 'id') | String | Specifies the name of a property in your data source which represents an unique identifier for a column |
| maxWidth (default: 'maxWidth') | String | Specifies the name of a property in your data source which represents the maximum width of the column |
| minWidth (default: 'minWidth') | String | Specifies the name of a property in your data source which represents the minimum width of the column |
| style (default: 'style') | String | Specifies the name of a property in your data source which represents the object which holds the names of CSS styles used for column appearance |
| visible (default: 'visible') | String | Specifies the name of a property in your data source which determines whether the column is visible or not |
| width (default: 'width') | String | Specifies the name of a property in your data source which represents the width of the column |
| Variable | Type | Details |
|---|---|---|
| allowDrag (default: 'allowDrag') | String | Specifies the name of a property in your data source which determines whether row can be dragged |
| allowDrop (default: 'allowDrop') | String | Specifies the name of a property in your data source which determines whether row can accept other rows during drag-drop operation |
| allowFocus (default: 'allowFocus') | String | Specifies the name of a property in your data source which determines whether row can accept the input focus |
| cells (default: 'cells') | String | Specifies the name of a property in your data source which represents an array object which holds the row cells |
| contextMenu (default: 'contextMenu') | String | Specifies the name of a property in your data source which represents the context menu attached to the row |
| enabled (default: 'enabled') | String | Specifies the name of a property in your data source which determines whether row is enabled or disabled |
| expanded (default: 'expanded') | String | Specifies the name of a property in your data source which represents the row state: expanded or collapsed |
| hasChildren (default: 'hasChildren') | String | Specifies the name of a property in your data source which determines whether row has child rows |
| icon (default: 'icon') | String | Specifies the name of a property in your data source which represents a DOM element used as row icon |
| id (default: 'id') | String | Specifies the name of a property in your data source which represents an unique identifier for a row |
| pid (default: 'pid') | String | Specifies the name of a property in your data source which represents an identifier for the row's parent |
| rows (default: 'rows') | String | Specifies the name of a property in your data source which represents an array object which holds child rows |
| style (default: 'style') | String | Specifies the name of a property in your data source which represents the object which holds the names of CSS styles used for row appearance |
| text (default: 'text') | String | Specifies the name of a property in your data source which represents the row label |
| Variable | Type | Details |
|---|---|---|
| allowEdit (default: 'allowEdit') | String | Specifies the name of a property in your data source which determines whether the cell is editable |
| cid (default: 'cid') | String | Specifies the name of a property in your data source which represents an identifier which links a cell to a column |
| contextMenu (default: 'contextMenu') | String | Specifies the name of a property in your data source which represents the context menu attached to the cell |
| enabled (default: 'enabled') | String | Specifies the name of a property in your data source which determines whether cell is enabled or disabled |
| labelEdit (default: 'labelEdit') | String | Specifies the name of a property in your data source which determines whether cell data can be edited using text editor |
| rid (default: 'rid') | String | Specifies the name of a property in your data source which represents an identifier which links a cell to a row |
| style (default: 'style') | String | Specifies the name of a property in your data source which represents the object which holds the names of CSS styles used for cell appearance |
| text (default: 'text') | String | Specifies the name of a property in your data source which represents the cell label |
| value (default: 'value') | String | Specifies the name of a property in your data source which represents an object used as cell value |
An object with field names from a custom data source.
This property is accessed through 'data-fields' or 'fields' attribute of TreeGrid directive.
Supported in: v1.0 and above.
Learn how to bind an arbitrary data source to the Tree Grid for AngularJS. Use custom names in data binding between Tree Grid and local or remote data source.