點選儲存格空白處超連結也能跳轉

1.1 問題描述

正常設定儲存格超連結，前端預覽時只有點選正文才能跳轉，如果想要點選儲存格空白區域也能跳轉如何實現呢？效果如下圖所示：

.

1.2 解決方案

• 普通報表：儲存格用圖片顯示內容。

• 決策報表：報表塊新增初始化事件。
  

2.1 普通報表

如果是普通報表，儲存格里新增超連結後，將「儲存格屬性>其他>顯示內容」設定為「用圖片顯示內容」即可，如下圖所示：

2.2 決策報表

如果是決策報表報表塊裏的超連結，給這個報表塊新增一個初始化事件即可，如下圖所示：

JavaScript 代碼如下：

// 實現儲存格除文字以外的空白區域也有超連結效果
setTimeout(function(){
$("div[widgetname=REPORT0]").find(".reportContent td").css('cursor','pointer');
$("div[widgetname=REPORT0]").find(".reportContent td").click(function(){
$(this).find('span')[0].click()
})
    //將frm中下拉框選項樣式修改JS寫法，否則無法執行
$('.view-container').attr('id','view-container')
    
},1000)

注：代碼中有 2 處 REPORT0 ，這個是當前報表塊的名稱，如果您的報表塊名稱不一樣需要改下，而且必須是大寫哦，否則不生效。

2.3通用改進方案

2.1小節使用圖片顯示內容，在某些場景下會使文字顯示效果失真。

2.2小節設定複雜，且不適用於行動端。

以下提供一種方案，同時適用於pc端和行動端，並適用於普通報表和決策報表，並且不會失真。

儲存格新增超連結後，在「儲存格樣式>自訂>儲存格」中設定背景為漸變色，將漸變色兩端的顏色設定都設定為同一種顏色

注：設定為漸變色即可實現效果，將兩端顏色設定為同種顏色是為了與整體保持一致。

       另外將背景設定為紋理、圖案、圖片也能實現效果。