ct4.us

Creates an input or select box that allows users to filter table data based on specified search parameters.

Basic usage:

{{ html.search }}

Usage with parameters:

{{ html.search(Field(s), CSS Class, On Change, Enhanced Select Box, Exact Match, Min Search String Length) }}

Parameters:

1. Field(s) (optional) – Specify which table field(s) to search. For multiple fields, use comma separation (e.g., {{ html.search(‘firstname,lastname’) }}). When using ‘Table Join (Lookup Table)’ or ‘Table Join List’ fields, you can specify a rendering layout (e.g., {{ html.search(‘fieldname:layoutname’) }}).
2. CSS Class (optional) – Add custom styling by specifying one or more CSS class names, separated by spaces (e.g., ‘search-input highlighted’)
3. On Change (optional) – For select boxes only: Choose whether to automatically reload the page when a new option is selected.
   • (Do nothing – default)
   • reload: Reload Page
4. Enhanced Select Box (optional) – Enable an advanced select box interface with built-in search functionality for easier option finding.
   • (Standard – default)
   • improved: Improved
5. Exact Match (optional) – Define how the search term should match against field values:
   • (Default. Contains – Match if field contains the search term)
   • exact – (Exact Match – Field must match the search term precisely)
   • startwith – (Start With – Field must begin with the search term)
   • endwith – (End With – Field must end with the search term)
6. Min Search String Length (optional) – Minimum number of characters required in the search term. Searches with fewer characters will not be executed.
   • Default:

Example:

{{ html.search("","","reload","improved","exact") }}