設定儲存格提示API- FineReport帮助文档 - 全面的报表使用教程和学习资料

版本

版本	功能變動
11.0	和 10.0 差別：新增 addEffect API

方法	addEffect(type, opts)	滑鼠懸浮儲存格時出現提示框
參數	type: string, opts: { address: string, text: string, image: string， header：string }	type：提示類型，字串 showTooltip：滑鼠懸浮儲存格時正文/圖片提示 opts：提示屬性，json 格式 1）address：儲存格地址，字串，如 'A1' 2）text：提示的內容，字串 3）image：圖片 URL 路徑，字串，圖片格式支援 pn g、jpg。圖片來源可以為網頁圖片，如： `https://www.fanruan.com/images/logo-fanruan.png` 也可以將圖片放置在報表工程目錄 %FR_HOME%\webapps\webroot 下，透過URL 存取。如： `http://localhost:8075/webroot/11.jpg` 4）header：標題，字串，image 存在時生效注：image 和 text 屬性同時存在時，只生效 text 屬性
回傳值	void
範例	見範例章節
應用範例	滑鼠懸浮 A1 儲存格時出現提示框，提示內容為“訂單ID10001”：更多範例見範例章節。
行動端	type 為 showTooltip 時不支援行動端

以下內容為API範例，分文字提示、圖片提示，分別對應 type 參數的兩個值。

範例1：若獲取到的報表塊物件定義為 report ，滑鼠懸浮 A2 儲存格時出現提示框，提示內容為“訂單ID10001”

report.addEffect('showTooltip', {
    address: "A2",
    text: '訂單ID10001'
});

範例2：普通報表中，滑鼠懸浮 A2 儲存格時出現提示框，提示內容為“訂單ID10001”：

_g().addEffect('showTooltip', {
    address: "A2",
    text: '訂單ID10001'
});

範例3：FVS 視覺化看板中，滑鼠懸浮表格1_頁面1 的 A2 儲存格時出現提示框，提示內容為“訂單ID10001”：

duchamp.getWidgetByName('表格1_頁面1').addEffect('showTooltip', {
    address: "A2",
    text: '訂單ID10001'
});

範例4：決策報表中，滑鼠懸浮在 report0 報表塊 A2 儲存格上時出現提示框，提示內容為“訂單ID10001”：

注：在決策報表中使用該API，滑鼠懸浮出現提示後，需要點選下報表其他任意位置，提示才會消失。

_g().getWidgetByName('report0').addEffect('showTooltip', {
	address: "A2",
	text: '訂單ID10001'
});

滑鼠懸浮 A2 儲存格時出現提示框，提示內容為“訂單ID10001”

點選可下載 FVS 視覺化看板範本：FVS滑鼠懸浮儲存格文字提示.fvs

範例1：若獲取到的報表塊物件定義為 report ，滑鼠懸浮 A2 儲存格出現帆軟 log 字樣：

report .addEffect('showTooltip', {
    address: "A2",
    image:"https://www.fanruan.com/images/logo-fanruan.png"
});

範例2：普通報表中，滑鼠懸浮 A2 儲存格出現帆軟 log 字樣：

_g().addEffect('showTooltip', {
    address: "A2",
    image:"https://www.fanruan.com/images/logo-fanruan.png"
});

範例3：FVS 視覺化看板中，滑鼠懸浮表格1_頁面1 的 A2 儲存格時出現出現帆軟 log 字樣：

duchamp.getWidgetByName('表格1_頁面1').addEffect('showTooltip', {
    address: "A2",
    image:"https://www.fanruan.com/images/logo-fanruan.png"
});

範例4：決策報表中，滑鼠懸浮 A2 儲存格出現帆軟 log 字樣：

注：在決策報表中使用該API，滑鼠懸浮出現提示後，需要點選下報表其他任意位置，提示才會消失。

_g().getWidgetByName('report0').addEffect('showTooltip', {
	address: "A2",
	image: "https://www.fanruan.com/images/logo-fanruan.png"
});

滑鼠懸浮 A2 儲存格出現帆軟 log 字樣

點選可下載 FVS 視覺化看板範本：FVS滑鼠懸浮儲存格圖片提示.fvs

已經是第一篇

已經是最後一篇

中文（简体） English 日本語

中文（繁體）