[通用]行動HTML特殊連結實現打電話，發簡訊，發郵件

1.1 版本

1.2 應用場景

使用者希望在報表中實現一些友好的功能交互。

例如，點選「撥打電話」可直接跳轉撥打電話頁面，點選「傳送簡訊」可直接跳轉傳送簡訊頁面，點選「傳送郵件」可直接跳轉傳送郵件頁面，如下圖所示：

注：本範例為普通報表範例，FVS 中做法與普通報表基本一致，本文不再贅述。

2.1 準備範本

1）點選下載準備範本：行動HTML特殊連結實現打電話發簡訊發郵件準備.cpt

2）儲存至工程/webapps/webroot/WEB-INF/reportlets資料夾。

2.2 設定儲存格形態

1）開啟行動端HTML特殊連結實現打電話發簡訊發郵件準備.cpt範本，選中 D2 儲存格。

2）點選「儲存格屬性」按鈕，點選「形態」。

3）選擇「公式形態」，輸入公式：'<a href="tel:'+B2+'">'+$$$+'</a>'，意為建立一個電話號碼為 B2 儲存格內容的超連結，如下圖所示：

4）同理，設定儲存格 E2 和 F2 的形態為公式形態，並輸入公式如下：

E2 公式：'<a href="sms:'+B2+'">'+$$$+'</a>' ，意為建立一個簡訊號碼為 B2 儲存格內容的超連結。

F2 公式：'<a href="mailto:'+C2+'">'+$$$+'</a>'，意為建立一個郵件地址為 C2 儲存格內容的超連結。

2.3 設定儲存格顯示內容

1）選中 D2、E2、F2 儲存格，點選 「儲存格屬性」。

2）選擇「其他」，設定顯示內容為「用 HTML 顯示內容」，即將儲存格內容以 HTML 的格式呈現或顯示出來，如下圖所示：

2.4 效果預覽

App 及 HTML5 端效果預覽如下圖所示：

點選下載已完成範本：行動端HTML特殊連結實現打電話發簡訊發郵件.cpt