The Stacked Data Grids view is one of the built-in views that are provided by the Builder for facilitating common use-case scenarios.
- Represents a master-detail Grid component. The child grids are always visible and the selection is always persisted.
- Supports CRUD (create, read, update, and delete) data operations only for the child grid.
- Supports editing for the child grids through the Incell, Inline, and Popup modes.
- Supports error handling.
- Allows you to set and edit its basic functionalities. For more information on the settings that are subject to modification, refer to the right-hand vertical toolbar (property grid) of the view.
Includes custom sections where you can include your own HTML. Each section is identified in the view design page by a placeholder which contains descriptive text.
- Custom top HTML section—Located in the area above Header Title.
- Custom top parent HTML section—Located in the area below the Parent Grid Title but above Parent Grid.
- Custom middle HTML section—Located in the area below the Parent Grid and above the Child Grid Title.
- Custom top child html section—Located in the area below the Child Grid Title but above Child Grid.
- Custom bottom HTML section—Located in the area below Child Grid.
For Angular, the Builder generates these files in the
app\src\app\modules\[module-name]\[view-name]\folder. For AngularJS, the Builder generates these files in the
\app\src\modules\[module-name]\[view-name]\folder. Add your custom HTML code to the generated files and use the Edit option on each custom HTML section to edit the corresponding file from within the Builder.
In order for the Stacked Data Grids view to work properly, the data sources to which you bind the stacked grids need to be related. Otherwise, the stacked grids will not render the data. For more information, refer to the articles on data providers.
- Data Provider—Represents a drop-down with all the data providers that are added to the application.
- Parent Data Source—When you select a data provider, the data source drop-down is automatically populated with all the hierarchical parent data sources that are available for the selected data provider.
Child Data Source—When you select a data provider, the data source drop-down is automatically populated with all the hierarchical child data sources that are available for the selected data provider.
- If the data provider does not contain related data sources, Parent Data Source and Child Data Source will be empty.
- Since the Stacked Data Grids view contains a Grid component, all properties of the Grid component are also available in the Stacked Data Grids view. For more information on specific Grid properties, refer to the article on the Grid component.