反饋已提交

網絡繁忙

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

A10-05 JavaScript腳本

一、概述

  1. Javascript是一種腳本語言.可以用來製作網頁與使用者互動之間的複雜事件.是瀏覽器端中一種實用且強大的程式語言。

  2. 超連結中自訂Javascript事件,這樣使用者點擊超連結時可以實現較為複雜的互動效果。

  3. JavaScript語句可以和參數一同使用, 實現更特異性的功能。

二、操作步驟

1
新建資料集ds1。
  1. 輸入SQL:SELECT * FROM 銷量。

  2. 新建資料集,可參考A03-00 資料庫查詢

1.gif

2
設計報表。
  1. 將地區欄位拖入B2儲存格。

  2. 給B2儲存格新增框線。

  3. 設定B2儲存格文字置中顯示。

  4. 插入資料欄,可參考A05-00 插入資料欄

2.gif

3
新增超級連結-Javascript腳本。
  1. 選中B2儲存格。

  2. 點擊3-1.png按鈕,選擇Javascript腳本。

  3. 新增超連結,可參考A10-00 超連結設定

3.gif

4
引入Javascript檔案。
  1. 點擊 + 按鈕,選擇js檔案。

  2. 在引入js檔案後,下方的JavaScript腳本可以直接呼叫引入的js檔案中的方法。

  3. js檔案只能引入當前webroot工程下的檔案。

  4. 引入的js檔案可以增加、刪除、排序。

4.gif

5
設定參數。
  1. 點擊 【+】 按鈕,新增參數,參數名為area,值為公式類型,公式中輸入:B2。

  2. 為Javascript腳本設定參數,可以通過參數值傳遞實現更多效果。

  3. 輸入值類型,可參考A09-03 新值

5.gif

6
新增腳本。
  1. JS中可使用帆軟自帶的公式,形式為"${=公式}"。

  2. JS中也可利用 FR 提供的遠端公式 FR.remoteEvaluate('=公式')來執行函式。

  3. 在下方的Javascript腳本中輸入以下程式碼:。

if(area == '華東'){
var rq='${=today()}'; 
}
else{
var rq=FR.remoteEvaluate('=format(today(),"yyyy年MM月dd日")');
}
alert(rq);

6.gif

7
點擊【預覽】,在瀏覽器中查看效果。
  1. 點擊【華東】,彈框顯示當前日期,形式為“yyyy-MM-dd”;點擊【華西】,彈框顯示當前日期,形式為“yyyy年MM月dd日”。

7.gif


附件列表


主題: 報表設計器
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

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

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

不再提示

10s後關閉