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

编辑
  • 文档创建者:cherishdqy
  • 浏览次数:7316次
  • 编辑次数:16次
  • 最近更新:Kevin-s 于 2019-06-07
  • 1. 版本

    报表服务器版本App 版本移动端 HTML5  版本
    10.010.0V10.2.17


    2. 描述

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

    注:该功能目前在手机 App 中访问无效,在手机浏览器中访问有效。

    3. 示例

    3.1 添加内置数据集

    添加内置数据集,选择表设计,具体设计如下图所示。

    内置数据库1.png

    设计好之后点确定,选择插入行。输入联系人和手机号码等信息。具体完成效果如下图所示。

    内置数据库2.png

    3.2 设置模板样式

    设置模板的格式并将内置数据集的数据拖入单元格中。并在 D2,E2,F2 单元格中依次输入 “拨打电话” , “发送短信” ,“发送邮件” 。

    如下图所示:

    啊啊啊.png


    3.3 设置单元格公式形态

    点击 D2 单元格,选择单元格属性 - 形态,选择公式形态,输入 D2 公式:='<a href="tel:'+B2+'">'+$$$+'</a>' 

    如下图所示:

    第二个.png

    同上,设置单元格 E2 和 F2 的公式形态。

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

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

    3.4 设置单元格的显示方式

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

    如下图所示:


    第五个.png   


    4. 效果查看

    1)PC 端预览效果

    注:PC 端目前只支持发送邮件。


    发邮件.png

    2)移动端 App 预览效果

    注:拨打电话只需点击即可。而发送短信和发送邮件需要长按。

    移动端.png


    3)移动端 HTML5 预览效果

    HTML5.png

    5. 已完成模板

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

    模板下载请点击 移动端实现效果. cpt

    附件列表


    主题: 移动端应用
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

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

    此页面有帮助吗?只是浏览 [ 去社区提问 ]