[H5]移动html特殊链接实现打电话,发短信,发邮件

编辑
  • 文档创建者:cherishdqy
  • 浏览次数:3560次
  • 编辑次数:13次
  • 最近更新:Zoe1997 于 2019-05-19
  • 1. 描述

    注:目前文档内容还是FR9.0的,待10.0适配好之后再进行更新。

    设计报表时,我们往往需要实现友好的功能交互,比如:点击电话号码直接显示拨打电话或发送短信,点击邮箱直接发送邮件等都是很不错的用户体验。

    2. 示例(一)

    2.1 添加内置数据集


    2.2 设置单元格公式形态

    将字段拖入单元格,并设置公式形态:'<a href="tel:'+$$$+'">'+$$$+'</a>'


    2.3 设置单元格显示方式

    单元格属性-其他-显示内容设置为:用HTML显示内容


    2.4 保存和预览

    效果如下:

          

    已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\移动端打电话.cpt

    3. 示例(二)

    注:该功能目前在手机APP中访问无效,在手机浏览器中访问有效。
    3.1 添加内置数据集


    3.2 设置模板样式

    如图:

    3.3 设置单元格公式形态

    D2公式:='<a href="tel:'+B2+'">'+$$$+'</a>' 

    E2公式:='<a href="sms:'+B2+'">'+$$$+'</a>' 

    F2公式:='<a href="mailto:'+C2+'">'+$$$+'</a>' 

    3.3 设置单元格的显示方式

    选中D2、E2、F2单元格,设置 单元格属性>其他>显示内容,选择【用html显示内容】。

    如图:

    3.4 保存和预览

    界面效果,如图:

    已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\移动端实现效果.cpt


    附件列表


    主题: 设计思路
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201