Skip to content

Filter#

filter

Overview#

This widget enables the filtering of data. For example, it allows the filter a DataSource or a Query result data. In addition, it is also possible to nest another widget inside it for the cases when the data filtered is presented in that widget. An example of a Filter Widget is shown below.

Filter Example

Implementation example: Use filter fields on a grid widget#

For this example, let's use the filter applied to an inner grid widget fed by a parameterized query data source.

The listed (inner grid) scheduled jobs can be filtered by the outer filter elements for Resource and/or Material. The inner grid data is fed by a data source query for the ScheduleJob entity. The custom data source Materials at Resource has parameters setup for Material and Resource.

image-20210519130039445

  1. Add data source to page

image-20210519130515762

  1. Add Filter widget and inner grid widget to page. Drag and drop the filter widget element to a UI Page and then drag and drop a grid element to the inner section of if:

image-20210519130802777

  1. Link data source to the Filter widget

image-20210519131439700

  1. Setup columns as needed for Grid widget

Note

For more details on how to setup columns please read the documentation on the Grid widget.

image-20210519131715941

  1. Setup Filter

Configure the filter for the same entity type then the query. In this example ScheduleJob

image-20210519132058125

  1. Afterwards, it is possible to add filters, which should match the parameters as configured in the query:

img

  1. Link filters to the query data source using the following setup:

image-20210519132521135