Move the mouse over any of these fields, click the cross icon to empty the text field.
Plugin: ClearButton.js, required CSS: ClearButton.css , button image: clear-text-icon.gif , example panel: ClearButtonDemoPanel.js
{ xtype: 'textfield', fieldLabel: 'Search', emptyText: 'Enter search term', plugins: ['clearbutton'] }
{ xtype: 'textfield', fieldLabel: 'Search', emptyText: 'Enter search term', plugins: new Ext.ux.form.ClearButton({animateClearButton: false}), value: 'clear button w/o animation' }
Ext.override(Ext.ux.form.ClearButton, {hideClearButtonWhenEmpty: false});
Tested on