/** * 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 controls (the corners * are rounded), though the virtual keyboard displayed by the operating system is the standard keyboard control. * * As with all other form fields, the search field gains a "clear" button that appears whenever there * is text entered into the form, and which removes that text when tapped. * * @example * Ext.create('Ext.form.Panel', { * fullscreen: true, * items: [ * { * xtype: 'fieldset', * title: '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', requires: [ 'Ext.field.trigger.Search' ], component: { type: 'search' }, triggers: { search: { type: 'search', side: 'left' } }, classCls: Ext.baseCSSPrefix + 'searchfield'});