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

1.1 版本说明

1.2 应用场景

设计报表时，我们往往需要实现一些友好的功能交互。

比如：点击电话号码直接显示拨打电话或发送短信，点击邮箱直接发送邮件等。那么如何实现呢？

注：该方法不支持 App 端。

2.1 添加内置数据集

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

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

2.2 设置模板样式

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

如下图所示：

2.3 设置单元格公式形态

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

如下图所示：

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

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

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

2.4 设置单元格的显示方式

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

如下图所示：

2.5 效果预览

1）PC 端

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

2）H5 端

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

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