search:sort

    Description

    The sort directive for selecting how the data on the page should be sorted. The sort tag should be wrapped in a Layout Controls Tag.

    Usage

    as element:
    <search:sort
       response="{string}"
       fields="{string}"
       [default-label="{string}"]
       [title="{string}"]
       [default-order="{string}"]
       [mode="{string}"]>
</search:sort>

    Directive info

    • This directive creates new scope.

    Parameters

    Param Type Details
    response string

    The name of the response
    fields string

    Fields to provide sorting on (comma-separated).
    default-label
    (optional)
    		 string

    Label to display for the 'default' sort option when no specific sorts are applied. Usually implies sorting on score or relevance. Default: 'relevance'
    title
    (optional)
    		 string

    Add a title to display. Default: 'Sort by'
    default-order
    (optional)
    		 string

    Attribute to set the default sort order of Sort Fields (asc or desc). Default: 'asc'
    mode
    (optional)
    		 string

    The mode in which the sorting should work, be default click. click: Selecting a sort will sort in the default order, when clicking on a selected sort this sort will be removed, to change the order use the ascending and descending options at the bottom of the dropdown. toggle: Selecting a sort will sort in the default order, when clicking on the selected sort again it will reverse the order.

    Example

    Source

    


    

    

    


    

    

    
Demo