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, see the following:

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

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

Summary

disable (  ) 

enable (  ) 

disable

Disables the SearchInput component.

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	The disabled SearchInput component.

Code example:

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

   searchInputWidget.disable();
</script>

enable

Enables the SearchInput component.

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	The enabled SearchInput component.

Code example:

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

   searchInputWidget.enable();
</script>