使用extjs6实现一个带清除功能的combobox

下面是一个实现带清除功能的combobox的示例代码：

Ext.define('MyApp.view.ClearableComboBox', {
    extend: 'Ext.form.field.ComboBox',
    alias: 'widget.clearablecombobox',
    
    triggers: {
        clear: {
            cls: 'x-form-clear-trigger',
            handler: function() {
                this.setValue('');
            }
        }
    },
    
    onRender: function() {
        this.callParent(arguments);
        this.triggerEl.setStyle('height', 'auto');
    }
});

在这个示例中，我们定义了一个名为ClearableComboBox的类，它继承自Ext.form.field.ComboBox，同时定义了一个别名为clearablecombobox。我们使用了triggers属性来定义一个名为clear的触发器，该触发器的样式为x-form-clear-trigger，点击该触发器时会将控件的值设置为空。我们还覆盖了onRender方法，将触发器的高度设置为自动以便适应不同尺寸的combobox。最后，在页面中使用clearablecombobox控件即可。