Objective

I have 3 drop-down list controls, when I click on these drop-down list values I need to filter only the selected value and display it in an editable list view. If the second control is changed and contains a selected value, the first filtering should disappear and be replaced with the new selected values filtering.

Before You Begin

Configuring your filter based on when one of the drop-down lists had changed will result in the filter being applied to the editable list view every time one of the drop-down lists have changed. This means that if you select a value in the first drop-down, the filter will execute and filter based on that value. However, if you then select a value in the second drop-down the filtering for the first drop-down selection will be lost and the editable list will then filter based on the second drop-down selection.

How-to Steps

1. Create a SmartObject and add three different Properties to it. In this scenario the following was used:

  • Name (Text)
  • Surname (Text)
  • Age (Number)
SmartObject.png

2. Create an Editable List View from the SmartObject and ensure that this SmartObject is the Editable Lists' Data Source.

EditableListDataSource.png

3. Edit the Editable List and add three drop-down list controls.

4. On each drop-down lists' "Change Event" execute the Editable List views GetList method using the rule called "Execute a method on the view" and configure each to filter based on the values the drop-down list contains.

For example: Filter, drop-down Name with the Name value from the SmartObject connected to the drop-down list.