1. 概述
1.1 預期效果
當添加超級鏈接時,超鏈總是呈藍色字體顯示,但有時用戶希望超鏈能以按鈕的方式顯示,如下圖所示:
1.2 實現思路
通過添加 HTML </button> 标簽,使用 HTML 方式顯示單元格内容。
2. 示例
2.1 報表設計
新建普通報表,在 A1 單元格輸入文字:點擊,并居中顯示。
2.2 添加超級鏈接
選中 A1 單元格,點擊右側「超級鏈接」,添加一個「網絡報表」。具體設置如下圖所示:
2.3 單元格屬性設置
1)選中 A1 單元格,點擊「單元格屬性>形态」,選擇「公式形态」,輸入公式:"<button type='button' style='background-color:#47a8ea;border-style:none;border-radius:3px;cursor:pointer;width:100%;height:20px;color:white;'>"+$$$+"</button>"
2)點擊「單元格屬性>其他」,設置顯示内容爲「用HTML顯示内容」。
2.4 效果預覽
2.4.1 PC 端
保存報表,點擊「分頁預覽」,效果如下圖所示:
2.4.2 移動端
App 端和 HTML5 端均支持,效果如下圖所示:
注:本例設置了「模板>移動端屬性」自适應屬性爲「不自适應」。
3. 模板下載
已完成模板可參見:%FR_HOME%\webroot\WEB-INF\reportlets\doc\Primary\HTML實現超鏈接按鈕效果.cpt
點擊下載模板:HTML實現超鏈接按鈕效果.cpt