Filter Element

Modified on Mon, 11 Apr 2022 at 03:53 PM

This article is outdated, you can access the most current version here: https://doc.onedata.de/apps/apps-docs/odml-documentation/AppBuilder/elements/FilterElement.html


Filter Element

type = "filter"

The Filter Element is used to display a single or multi select filter.


Properties

Property
Type
Description
Example Value
id
string
The unique id of the filter Element.
"frtTableCountryFilter"
source
string
The id of the Datasource to take the data from.
"frt_testSource"
syncSetsarrayGo to the SyncSets article
  "syncSets": [
    {
      "syncSetId": "test",
      "applyFilters": true,
      "publishFilters": true
    }
  ]
configobject

The actual filter config.

You can set the multiSelect to true or false and with the "selectedFilter" you can preselect one or more (if it is an multiSelect filter) filters.


  "config": {
    "column": "Country",
    "label": "Land",
    "wide": true,
    // Enlarge the with of the opened Dropdown 
    // to display longer values
    "multiSelect": false,
    "selectedFilter": ["China"],
    "columnType": "STRING"
    // other possible column types:
    // "DATETIME", "DOUBLE", "DECIMAL". "INT"
    "noValueText": "Entry withou value" 
    // Will be added at the first position
  }
config
(Date

Picker)
object
Filter config for the date picker
  "config": {
    "column": "datetime",
    "rangeFilter": true,
    "columnType": "DATETIME"
  }


Example

    {
      "id": "frtTableCountryFilter",
      "type": "filter",
      "source": "frt_testSource",
      "syncSets": [
        {
          "syncSetId": "test",
          "applyFilters": true,
          "publishFilters": true
        }
      ],
      "config": {
        "column": "Country",
        "label": "Land",
        "multiSelect": false,
        "noValueText": "No Country",
        "selectedFilter": ["China"],
        "columnType": "STRING"
      }
    },

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article