/**
* The Search field creates an HTML5 search input and is usually created inside a form. Because it creates an HTML
* search input type, the visual styling of this input is slightly different to normal text input contrls (the corners
* are rounded), though the virtual keyboard displayed by the operating system is the standard keyboard control.
*
* As with all other form fields in Sencha Touch, the search field gains a "clear" button that appears whenever there
* is text entered into the form, and which removes that text when tapped.
*
* Ext.create('Ext.form.Panel', {
* tbar: {
* text: 'Search'
* },
*
* items: [
* {
* xtype: 'searchfield',
* label: 'Query',
* name: 'query'
* }
* ]
* });
*
* Or on its own, outside of a form:
*
* Ext.create('Ext.field.Search', {
* label: 'Search:',
* value: 'query'
* });
*
* Because search field inherits from {@link Ext.field.Text textfield} it gains all of the functionality that text
* fields provide, including getting and setting the value at runtime, validations and various events that are fired
* as the user interacts with the component. Check out the {@link Ext.field.Text} docs to see the additional
* functionality available.
*/
Ext.define('Ext.field.Search', {
extend: 'Ext.field.Text',
xtype: 'searchfield',
alternateClassName: 'Ext.form.Search',
config: {
// @inherit
component: {
type: 'search'
},
// @inherit
ui: 'search'
}
});