Livesearch pattern.

November 2, 2023 ยท View on GitHub

Provide Plone's live search functionality.

Configuration

OptionTypeDefaultDescription
ajaxUrlstringJSON search url
perPageinteger7results per page
quietMillisinteger350how long to wait after type stops before sending out request in milliseconds.

| minimumInputLength | integer | miniumum number of letters before doing search. | 3 | | inputSelector | string | 'input[type="text"]' | css select to input element search is done with. | | itemTemplate | | | override template used to render item results |

Examples

Example 1

<form
    action="search"
    class="pat-livesearch"
    data-pat-livesearch="ajaxUrl:livesearch.json"
>
    <input type="text" />
</form>