Search Input

The SearchInput component is used to search for page content. It can be placed within the page content.

Table of Contents

1. Default Selectors
2. Manual Constructor
3. Methods

Default Selectors

By default, all <input> elements with the type="search" or class="ui-search-input" attribute are displayed as search input.

Manual Constructor

To manually create a SearchInput component, use the component constructor from the tau namespace.

<input type="search" id="search-test"/>
<script>
var searchEl = document.getElementById("search-test"),
    searchWidget = tau.widget.SearchInput(searchEl);
</script>

Methods

To call a method on the component, please refer the following:

<script>
   var searchInputElement = document.getElementById('search-test'),
       searchInput = tau.widget.SearcnInput(searchInputElement);

   searchInput.methodName(methodArgument1, methodArgument2, ...);
</script>

Summary

disable() 

enable() 

disable

Disable the SearchInput.

disable() 

The method sets the disabled attribute for the search input and changes the look of the search input to the disabled state.

Return value:

Type	Description
SearchInput	Returns SearchInput.

Code example:

<script>
   var element = document.getElementById("searchinput"),
       searchInputWidget = tau.widget.SearchInput(element);

   searchInputWidget.disable();
</script>

enable

Enable the SearchInput.

enable() 

The method removes the disabled attribute from the search input and changes the look of the search input to the enabled state.

Return value:

Type	Description
SearchInput	Returns SearchInput.

Code example:

<script>
   var element = document.getElementById("searchinput"),
       searchInputWidget = tau.widget.SearchInput(element);

   searchInputWidget.enable();
</script>