sencha touch Container 监听超链接插件

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

监听插件代码：

 

 1 /*

 2 *监听a标签，用外部浏览器打开链接

 3 */

 4 Ext.define('ux.ConHref', {

 5     alias: 'plugin.conHref',

 6     xtype: 'conHref',

 7     config: {

 8         cmp: null,

 9         //竖向滚动，不显示滚动条

10         scrollable: {

11             direction: 'vertical',

12             directionLock: true,

13             indicators: false

14         }

15     },

16     constructor: function (config) {

17         this.initConfig(config);

18         this.callParent([config]);

19     },

20     //初始化

21     init: function (cmp) {

22         this.setCmp(cmp);

23     },

24     //更新配置

25     updateCmp: function (newCmp, oldCmp) {

26         if (newCmp) {

27             newCmp.element.on({

28                 tap: 'onTap',

29                 delegate: 'a',

30                 scope: this

31             });

32             newCmp.setScrollable(this.getScrollable());

33         }

34     },

35     //用外部浏览器打开链接

36     onTap: function (e, b) {

37         var a = e.getTarget('a');

38         if (a) {

39             a.onclick = function () {

40                 return false;

41             }

42             window.open(a.href, '_system');

43         }

44     }

45 });

 

使用代码：

 1 Ext.define('app.view.panel.Href', {

 2     alternateClassName: 'panelHref',

 3     extend: 'Ext.Container',

 4     xtype: 'panelHref',

 5     requires: ['ux.ConHref'],

 6     config: {

 7     cls:'info',

 8         title: '内容包含超链接',

 9         plugins: 'conHref',

10         scrollable:null,

11         html: '<a href="http://www.google.com.hk/">谷歌</a><br/><br/>有时候内容直接从后台获取，有可能包含超链接，打包成应用之后，点击会造成不好的后果，这样做能够用外部浏览器打开。需要Cordova支持'

12     }

13 });

 

效果：