Search Input

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

Note
This component is supported since Tizen 2.4.
It was renamed from SearchBar component of Tizen 2.3.

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

Method Description
disable (  ) 

Disables the SearchInput component.

enable (  ) 

Enables the SearchInput component.

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>