You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@flex.apache.org by Peter Ent <pe...@adobe.com.INVALID> on 2017/12/12 18:32:35 UTC

[Royale] TreeGrid

Hi,

I've pushed a new component for the Basic package: TreeGrid. This component is a hybrid of Tree and DataGrid. TreeGrid uses a Hierarchical data provider and displays a Tree in the first column; the other columns display additional fields from the records.

You can use TreeGrid like this:

<js:TreeGrid>
   <js:beads>
        <js:ConstantBinding sourceID="applicationModel" sourcePropertyName="gridData" destinationPropertyName="dataProvider" />
    </js:beads>
    <js:columns>
        <js:TreeGridColumn dataField="title" label="Title" columnWidth="200" />
        <js:TreeGridColumn dataField="status" label="Status" columnWidth="125" />
        <js:TreeGridColumn dataField="hours" label="Hours" columnWidth="125" />
    </js:columns>
</js:TreeGrid>

You can look at the TreeExample that comes with Royale for a working example.  This is a first-pass at TreeGrid. Has its own beads: TreeGridView, TreeGridModel, and TreeGridLayout.

Regards,
Peter Ent
Adobe Systems/Apache Royale Project