mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
2.7 KiB
2.7 KiB
Process Filters Component
Collection of criteria used to filter process instances, which may be customized by users.
Basic Usage
<adf-process-instance-filters
appId="1001">
</adf-process-instance-filters>
Properties
Name | Type | Description |
---|---|---|
filterParam | FilterParamsModel | The params to filter the task filter. If there is no match the default one (first filter of the list) is selected |
appId | string | Display filters available to the current user for the application with the specified ID. |
appName | string | Display filters available to the current user for the application with the specified name. |
hasIcon | boolean | Toggle to show or not the filter's icon. |
If both appId
and appName
are specified then appName
will take precedence and appId
will be ignored.
Events
Name | Description |
---|---|
onSuccess | Raised when the list of filters has been successfully loaded from the server |
onError | Raised when an error occurs |
filterClick | Raised when the user selects a filter from the list |
Details
This component displays a list of available filters and allows the user to select any given filter as the active filter.
The most common usage is in driving a process instance list to allow the user to choose which process instances are displayed in the list.
How filter the activiti process filters
<adf-process-instance-filters
[filterParam]="{index: 0}">
</adf-filters>
You can use inside the filterParam one of the properties defined by FilterParamsModel (see below).
FilterParamsModel
{
"id": "number",
"name": "string",
"index": "number"
}
Name | Type | Description |
---|---|---|
id | string | The id of the task filter. |
name | string | The name of the task filter, lowercase is checked. |
index | number | Zero-based position of the filter in the array. |
How to create an accordion menu with the processes filter
The process filter often works well as an item in an accordion menu. See the Accordion component page for an example of how to do set this up.