sencha touch Container 监听超链接插件

有时候内容直接从后台获取，有可能包含超链接，打包成应用之后，点击会造成不好的后果，这样做能够用外部浏览器打开。需要Cordova支持

监听插件代码：

/*
*监听a标签，用外部浏览器打开链接
*/
Ext.define('ux.ConHref', {
    alias: 'plugin.conHref',
    xtype: 'conHref',
    config: {
        cmp: null,
        //竖向滚动，不显示滚动条
        scrollable: {
            direction: 'vertical',
            directionLock: true,
            indicators: false
        }
    },
    constructor: function (config) {
        this.initConfig(config);
        this.callParent([config]);
    },
    //初始化
    init: function (cmp) {
        this.setCmp(cmp);
    },
    //更新配置
    updateCmp: function (newCmp, oldCmp) {
        if (newCmp) {
            newCmp.element.on({
                tap: 'onTap',
                delegate: 'a',
                scope: this
            });
            newCmp.setScrollable(this.getScrollable());
        }
    },
    //用外部浏览器打开链接
    onTap: function (e, b) {
        var a = e.getTarget('a');
        if (a) {
            a.onclick = function () {
                return false;
            }
            window.open(a.href, '_system');
        }
    }
});

使用代码：

Ext.define('app.view.panel.Href', {
    alternateClassName: 'panelHref',
    extend: 'Ext.Container',
    xtype: 'panelHref',
    requires: ['ux.ConHref'],
    config: {
    cls:'info',
        title: '内容包含超链接',
        plugins: 'conHref',
        scrollable:null,
        html: '<a href="http://www.google.com.hk/">谷歌</a><br/><br/>有时候内容直接从后台获取，有可能包含超链接，打包成应用之后，点击会造成不好的后果，这样做能够用外部浏览器打开。需要Cordova支持'
    }
});

效果：