zoukankan      html  css  js  c++  java
  • 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 });

    效果:

  • 相关阅读:
    react-当前的时:分:秒-每秒更新
    一键回顶部按钮 HTML+CSS+JS+jQuery完成
    JavaScript-浏览器的三种弹窗方式
    网页计算器简单实现加减乘除功能
    Oracle -- 记一次ADG库迁移过程小结 -- 上篇(ADG建库)
    expression解决IE6下固定定位的兼容
    Css攻克Selectors 一
    昨天开通了博客,希望自己争取早点写出东西
    Static关键字的用法
    XSHELL使用教程
  • 原文地址:https://www.cnblogs.com/mlzs/p/3412486.html
Copyright © 2011-2022 走看看