Many components that fetch and display property-based datasets (such as Downline or Frontline) support filtering. Filters allow you to limit the dataset returned from the backend based on specific conditions.
A filter is defined as a JavaScript array of objects, where each object describes a single condition using three fields: field, operation, and value.
Basic example:
:filter="[
{ field: 'p.email', operation: '=', value: '1@1.com' }
]"In this example, only records with the profile email equal to 1@1.com will be returned.
The operation field defines the comparison operator. In addition to standard numeric and comparison operators such as:
><=>=<=
the filter system also supports text-based comparison operators:
iLike— case-insensitive partial matchn-iLike— negated case-insensitive partial match
These operators directly correspond to SQL text comparison operators and are especially useful for searching by email, name, or other string fields.
Filters can be combined by adding multiple objects to the filter array, allowing you to build complex query conditions for Downline and Frontline components.