An exjs trigger callback xtype for AEM/CQ

cq.triggercallback.js

var triggerCallback = CQ.Ext.extend(CQ.Ext.form.TriggerField, {
	initComponent: function() {
		triggerCallback.superclass.initComponent.call(this)
	},
	triggerClass: "x-form-search-trigger",
	onTriggerClick: function() {
		if(this.callback) {
			this.callback.call(this);
		}
	},
	refresh: CQ.Ext.emptyFn,
	listeners: {
		"change": function(object, newValue, oldValue) {
			if (this.validate()) {
				this.disable();
				this.onTriggerChange.call(this, newValue, oldValue);
				this.enable()
			}
		}
	}
});
CQ.Ext.reg("triggercallback", triggerCallback);

dialog.xml

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
          jcr:primaryType="cq:Dialog"
          height="600"
          title="Header"
          width="650"
          xtype="dialog">
    <items jcr:primaryType="cq:WidgetCollection">
        <tabPanel
                jcr:primaryType="cq:TabPanel"
                xtype="tabpanel">
            <items jcr:primaryType="cq:WidgetCollection">
                <nitroconfiguration
                        jcr:primaryType="cq:Widget"
                        anchor="100%"
                        title="Nitro"
                        xtype="panel">
                    <items jcr:primaryType="cq:WidgetCollection">

						<nitroResource
                                jcr:primaryType="cq:Widget"
                                allowBlank="true"
                                fieldLabel="Trigger Callback"
                                name="./triggercallback"
								callback="function() {console.log(this);}"
                                xtype="triggercallback"/>
                    </items>
                </nitroconfiguration>
            </items>
        </tabPanel>
    </items>
</jcr:root>