當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

HTML實現超鏈接按鈕效果

1. 概述

1.1 預期效果

當添加超級鏈接時,超鏈總是呈藍色字體顯示,但有時用戶希望超鏈能以按鈕的方式顯示,如下圖所示:

Snag_62c2e1f.png

1.2 實現思路

通過添加 HTML </button> 标簽,使用 HTML 方式顯示單元格内容。

2. 示例

2.1 報表設計

新建普通報表,在 A1 單元格輸入文字:點擊,并居中顯示。

1611297936756770.png

2.2 添加超級鏈接

選中 A1 單元格,點擊右側「超級鏈接」,添加一個「網絡報表」。具體設置如下圖所示:

1611298202276094.png

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>"

1611298460376478.png

2)點擊「單元格屬性>其他」,設置顯示内容爲「用HTML顯示内容」。

1611298971940552.png

2.4 效果預覽

2.4.1 PC 端

保存報表,點擊「分頁預覽」,效果如下圖所示:

5DE05B47-38B1-405B-88AF-235AAB52C5F3.GIF

2.4.2 移動端

App 端和 HTML5 端均支持,效果如下圖所示:

注:本例設置了「模板>移動端屬性」自适應屬性爲「不自适應」。

55F69B04-BE38-4358-8AA4-D762D9269C25.GIF


3. 模板下載

已完成模板可參見:%FR_HOME%\webroot\WEB-INF\reportlets\doc\Primary\HTML實現超鏈接按鈕效果.cpt

點擊下載模板:HTML實現超鏈接按鈕效果.cpt

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s後關閉

反饋已提交

網絡繁忙