BOA provides a grid as a form element. This way you can combine data grids into forms. This makes it easy to have all kind of overviews in a form. You can define the size of the grid.
The grid itself works as a normal grid. You get all the possibilities as you can find in the chapter Grids.
Grid in a tabpage of a multi-tab form. Notice the drag/drop functionalities.
The grid also has his own buttons to get a detail of a row, to export or to print.
Grid on a form with other elements. The grid has his own Add, Edit, Delete buttons. Each column has the possibility to search for filtering.
Right column in the footer has SUM as style.
The grid element can have his own navigation buttons inside a form. BOA makes it easy to define complex forms as needed in a modern application.
endpoint: endpoint to get the data for this grid. The ${id} will be replaced by the ID of the parent.
hidefilter: hide the search row, true or false. When a grid is part of a form, this is normally false. The endpoint gets the ID and returns only all the rows which are related. This is a server-side search and sends a request to the endpoint.
hidefilterrow: the filterrow is below the heading title, and performs a search in the columnt. This is a client-side search, without any endpoint.
buttons: navigation buttons for the grid element.
onclick: object to give the possibility to open another form, tabform in the form. In practice it is best to open modal forms.
endpoint: endpoint to get the data to fill the form. The ID will be replaced with the ID of this row.
pagetype: modalform or any other formtype.
pagesize: size of the form you want to open.
buttons: navigation buttons for that form. Notice the possibility to use next/previous to navigate inside the grid without closing the form.
