alfresco-ng2-components/docs/core/sorting-picker.component.md

Title, Added, Status, Last reviewed

Title	Added	Status	Last reviewed
Sorting Picker Component	v2.4.0	Active	2018-06-08

Sorting Picker Component

Selects from a set of predefined sorting definitions and directions.

Basic Usage

<adf-sorting-picker
    [options]="options"
    [selected]="value"
    [ascending]="ascending"
    (change)="onChanged($event)">
</adf-sorting-picker>

Class members

Properties

Name	Type	Default value	Description
ascending	boolean	true	Current sorting direction
options	Array<Function>	[]	Available sorting options
selected	string		Currently selected option key

Events

Name	Type	Description
change	EventEmitter<Function>	Raised each time sorting key or direction gets changed.

Details

The picker shows the user a menu of sorting options (which could be data columns to sort on alphabetical vs numerical search, etc) and the choice of ascending vs descending sort order. Note that picker only implements the menu, so you are responsible for implementing the sorting options yourself.

The options property contains an array of any objects that expose the following properties:

{
    key: string;
    label: string;
}

The key is an identifying value and the label is the text that the user will see in the picker. The selected key is reported by the change event, which passes an object like the following as its parameter:

{
    key: string,
    ascending: boolean
}