历史版本14 :[H5]移动HTML特殊链接实现打电话,发短信,发邮件 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 版本编辑
报表服务器版本 | APP 版本 | 移动端 HTML5 版本 |
---|---|---|
10.0 | 10.0 | V10.2.17 |
2. 描述编辑
设计报表时,我们往往需要实现一些友好的功能交互,比如:点击电话号码直接显示拨打电话或发送短信,点击邮箱直接发送邮件等。
注:该功能目前在手机 APP 中访问无效,在手机浏览器中访问有效。
3.示例编辑
3.1 添加内置数据集
添加内置数据集,选择表设计,具体设计如下图所示。
设计好之后点确定,选择插入行。输入联系人和手机号码等信息。具体完成效果如下图所示。
3.2 设置模板样式
设置模板的格式并将内置数据集的数据拖入单元格中。并在 D2,E2,F2 单元格中依次输入 “拨打电话” , “发送短信” ,“发送邮件” 。
如下图所示:
3.3 设置单元格公式形态
点击 D2 单元格,选择单元格属性 - 形态,选择公式形态,输入 D2 公式:='<a href="tel:'+B2+'">'+$$$+'</a>'
如下图所示:
同上,设置单元格 E2 和 F2 的公式形态。
E2 公式:='<a href="sms:'+B2+'">'+$$$+'</a>'
F2 公式:='<a href="mailto:'+C2+'">'+$$$+'</a>'
3.4 设置单元格的显示方式
选中 D2、E2、F2 单元格,设置 单元格属性 > 其他 > 显示内容,选择【用 html 显示内容】。
如下图所示:
4.效果查看编辑
1)PC 端预览效果
注:PC端目前只支持发送邮件。
2)移动端 APP 预览效果
注:拨打电话只需点击即可。而发送短信和发送邮件需要长按。
3)移动端 HTML5 预览效果
4.1 已完成模板
已完成模板,可参见: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\移动端实现效果.cpt。
模板效果在线查看请点击 移动端实现效果. cpt