ExtJS4 带清除功能的文本框 triggerfield

 

 Ext.onReady(function () {
            Ext.create('Ext.form.FormPanel', {
                title: 'Form with TriggerField',
                bodyPadding: 5,
                width: 350,
                renderTo: Ext.getBody(),
                items: [{
                    xtype: 'triggerfield',
                    selectOnFocus: true,
                    fieldLabel: 'Sample Trigger',
                    trigger1Cls: 'x-form-clear-trigger',
                    trigger2Cls: 'x-form-search-trigger',
                    onTrigger1Click: function () {
                        this.setValue('');
                    },
                    onTrigger2Click: function () {
                        Ext.Msg.alert('Status', 'You clicked search!');
                    }
                }]
            });
        });