Displaying Data with NetUI Data Grids

Workshop provides tools for creating NetUI data grids. Data grids provide a powerful way for users to interact with tabular data, such as a record set from a database. For example, a data grid can render a record set as a sortable and filterable HTML table.

Data grids are rendered using the NetUI tag <netui-data:dataGrid> and its associated children tags. To render a record set as an HTML table, pass a data set (for example, an Array of objects) to the <netui-data:dataGrid> tag's dataSource attribute:

<netui-data:dataGrid dataSource="pageInput.employeeArray" name="employeeGrid">

For more information about the <netui-data:dataGrid> syntax see NetUI Data Grids and netui-data:dataGrid Tag

Using the Data Display Wizard

Workshop provides a wizard that can define data grid properties. For more information using the data grid wizard see Tutorial: Accessing Controls from a Web Application: Step 3: Create a Data Grid

Using the <netui-data:repeater> and Related Tags

Related Topics

NetUI Data Grids

Sorting and Filtering in a Data Grid