历史版本13 :[H5]移动HTML特殊链接实现打电话,发短信,发邮件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本编辑

报表服务器版本APP版本新移动端HTML5方式预览报表 
10.010.010.0.45及以后


2. 描述编辑

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

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

3.示例编辑

3.1 添加内置数据集


3.2 设置模板样式

如下图所示:

2019-05-17_16-53-14.png


3.3 设置单元格公式形态


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

2019-05-17_16-58-07.png


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

2019-05-17_17-07-57.png

F2公式:='<a href="mailto:'+C2+'">'+$$$+'</a>' 
2019-05-17_17-11-04.png


3.4 设置单元格的显示方式


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

如下图所示:
2019-05-17_17-13-43.png   


4.效果查看编辑

1)PC端预览效果


2019-05-17_17-17-17.png

2)APP预览效果


IMG_8142.PNG

3)H5预览效果



IMG_8142.PNG3.1 已完成模板

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