search:typeahead - Lucidworks documentation

Description

Creates a typeahead style search box that can be customized to allow the user to add filters using the search keyword tag. You can also include the instant result list tag to allow the user to select a result based on the search query and filters.

Usage

as element:

<search:typeahead
       platform="{string}"
       [auto-search="{string}"]
       [action="{string}"]>
</search:typeahead>

Parameters

Param	Type	Details
platform	string	The name of the platform to use to search for matching keyword values
auto-search (optional)	string	Milliseconds to wait after the search is automatically submitted
action (optional)	string	The page to send the search query to

Example

Source

<search:typeahead platform="platform" datepicker-min-view="year" action="laureates" class="searchbox">
    <search:keyword keyword="country" facet="Country of affiliation" description="Country of affiliation"></search:keyword>
    <search:keyword keyword="gender" facet="gender" description="laureate's gender"></search:keyword>
    <search:keyword keyword="category" facet="Prize Category" description="Award category"></search:keyword>
    <search:keyword keyword="before" facet="year" date="before" description="Awarded before this year" date-format="yyyy" date-display-format="yyyy"></search:keyword>
    <search:keyword keyword="after" facet="year" date="after" description="Awarded after this year" date-format="yyyy" date-display-format="yyyy"></search:keyword>
    <search:keyword keyword="year" facet="year" date="on" description="Awarded in this year" date-format="yyyy" date-display-format="yyyy"></search:keyword>
    <instant:result-list platform="platform">
        <search:result>
            <search:field name="full_name" label="" styling="label-inline" url="/#/laureates/{{result.fields.id.val | actualValue}}"></search:field>
            <search:field name="Prize Category" label="" styling="label-inline" class="pill"></search:field>
        </search:result>
    </instant:result-list>
</search:typeahead>

Result