Extjs4带清空功能的ComboBox

网上有例子介绍Extjs3带清空功能的ComboBox或者TextField，例如：

http://chamcon.iteye.com/blog/1769427

http://leon1509.iteye.com/blog/413690

但是针对Extjs4的例子较少，我自己碰到这个问题后花了些时间研究，现在记录下来做一个分享。

首先，Extjs4对于xtype:trigger的改动很大，原来Extjs3里面是通过triggerConfig来进行配置的，例如

this.triggerConfig = {
            tag:'span', cls:'x-form-twin-triggers', cn:[
            {tag: "img", src: Ext.BLANK_IMAGE_URL, cls: "x-form-trigger x-form-clear-trigger"},//添加的清除trigger按钮
            {tag: "img", src: Ext.BLANK_IMAGE_URL, cls: "x-form-trigger x-form " + this.triggerClass}
        ]};

但是Extjs4的xtype:trigger里面根本没有此项配置，我刚开始想通过查看Extjs4的API寻找类似的配置项，结果没有找到！

没有办法，只能看源码，通过源码分析，才最终解决了问题。

如下：

http://docs.sencha.com/extjs/4.2.0/source/Trigger.html#Ext-form-field-Trigger