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支持'
     }
 });

效果：