Data Grid Dialog

Use this wizard to render a data set as a filterable/sortable HTML table. The HTML table is rendered using a NetUI data grid.

How To Open this Dialog

1. View a JSP page in the Page Flow perspective: Window > Open Perspective > Page Flow.
2. Open the Create Form wizard: From the NetUI Data Binding section of the Design Palette, drag and drop the Data Grid tag icon unto the JSP page.

Note: the Data Grid wizard is offered as a choice when repeating types (arrays, collections, etc.) are dragged and dropped from the Data section of the Design Palette.

General Tab

The Data source area specifies the data set and the data type of the object to be rendered. The Browse button lets you select from a list of available objects.

The Grid name specifies a unique name for the grid.

The Style prefix specifies a string prefix that prepends (or replaces) the values for the class attribute in the rendered HTML tags. For detailed description of this behavior see CSS Attributes in the NetUI documentation.

Columns Tab

The Grid columns area specifies the properties for a given column in the rendered HTML table.

Header Text specifies the label displayed at the top of the column.

Render As specifies how the content of the column is rendered. Possible values are:

Further properties are specified in the Column Properties.

Content Source specifies the source of the column.

The Column properties area specifies detailed properties for the column content.

Pager Tab

The Pager tab specifies properties for links that navigate through the HTML table.

Related Topics

NetUI documentation: <netui-data:grid>

Tutorial: Accessing Controls from a Web Application: Step 3: Create a Data Grid