ux.plugin.ConTpl 模版元素监听扩展

/*
*tpl模版加入按钮
*<div class="x-button-normal x-button x-iconalign-center x-layout-box-item x-stretched btn" style="visibility:{visibility}" fire="TasteUp" ><span class="x-button-icon x-shown lower"></span></div>
*fire="tasteUp" 表示添加tasteUp事件和激活dotasteUp方法
*有两个参数cmp:视图本身以及doit
*只要是以上格式的模板都可以被监控到
*其中btn、shareIco为自定义样式，其他都是st自带样式
*/
Ext.define('ux.plugin.ConTpl', {
    alias: 'plugin.conTpl',
    xtype: 'conTpl',
    config: {
        cmp: null,
        //按下时添加css
        pressedCls: 'pressing',
        //监控对象选择器
        delegate: 'div.fire'
    },
    constructor: function (config) {
        this.initConfig(config);
        this.callParent([config]);
    },
    //初始化
    init: function (cmp) {
        this.setCmp(cmp);
    },
    //更新配置
    updateCmp: function (newCmp, oldCmp) {
        if (newCmp) {
            newCmp.on({
                //只有创建完成后才能监听事件
                render: 'onRender',
                scope: this
            });
        }
    },
    //创建完成
    onRender: function (t, eOpts) {
        t.el.on({
            click: 'onTap',
            delegate: this.getDelegate(),
            scope: this
        });
    },
    //执行动作
    onTap: function (e) {
        var cmp = this.getCmp(),
        el = e.getTarget(this.getDelegate(), null, true),
        fire = el.getAttribute('fire');
        cmp.fireEvent(fire, cmp, el);
    }
});