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

目录:

1. 描述编辑

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

2. 示例(一)编辑

2.1 添加内置数据集

222

2.2 设置单元格公式形态

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

2.3 设置单元格显示方式

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

222

2.4 保存和预览

效果如下:

222      222

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

3. 示例(二)编辑

3.1 添加内置数据集

222

3.2 设置表单样式

如图:
222

3.3 设置单元格公式形态

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

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

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

3.3 设置单元格的显示方式

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

如图:
222

3.4 保存和预览

界面效果,如图:
222

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