1. 概述
有關於參數的學習內容較多，對於剛接觸參數的人來說可能會有不知道該怎麼學習，以及不知道重點在哪的問題。由於參數涉及的應用方面較為複雜，所以本文檔主要整理了參數元件的學習路徑。
2. 學習路徑
2.1 新手學習路徑
| 章節 | 標題 | 內容簡介 | 文檔 | 習題 |
|---|---|---|---|---|
| 第 1 章 參數基礎入門 | ||||
| 1.1 | 參數面板 | 瞭解參數面板的屬性、事件及如何調整位置等基礎應用 | 參數面板簡介 | 參數查詢入門範例 |
| 1.2 | 參數簡介 | 簡單瞭解一下 FineReport 中的參數 | 參數簡介 | |
| 1.3 | 參數種類和差別 | 瞭解 FineReport 設計器中有哪些種類的參數及它們的差別 | ||
| 第 2 章 參數元件基礎入門 | ||||
| 2.1 | 元件簡介 | 瞭解有哪些參數元件，元件的使用場景以及一些應用注意事項 | 元件簡介 | |
| 2.2 | 元件實際值和顯示值 | 瞭解哪些元件有實際值與顯示值之分，以及使用時的差別 | 元件實際值和顯示值 | |
| 2.3 | 下拉框元件 | 「下拉框元件」可應用於填報、參數等場景 | 下拉框元件 | |
| 2.4 | 下拉複選框元件 | 掌握「下拉複選框元件」的屬性及應用 | 下拉複選框元件 | |
| 2.5 | 資料篩選過濾 | 總結三種資料篩選過濾常用的方法 | 資料篩選過濾的方法 | |
| 2.6 | 參數為空時查詢全部資料 | 掌握如何實現參數為空選擇全部的方法 | 參數為空選擇全部 | |
2.2 進階學習路徑
| 章節 | 標題 | 內容簡介 | 文檔 |
|---|---|---|---|
| 第 1 章 參數種類及規則 | |||
| 1.1 | 參數命名規則 | 瞭解參數的命名規則，掌握參數引用符號的使用 | 參數命名規則 |
| 1.2 | 元件的預設值 | 在使用元件時，有時需要給元件一個預設值，如篩選查詢報表，初始化時需要有預設查詢結果 | 元件預設值 |
| 1.3 | 系統參數介紹 | 瞭解系統參數的使用 | 系統參數 |
| 1.4 | op 參數說明 | 主要介紹 op 後面具體有哪些參數以及對這些參數的說明 | op 參數說明 |
| 1.5 | 頁碼參數 | 主要介紹了「$$page_number」和「$$totalPage_number」兩個參數的使用場景 | 頁碼參數 |
| 第 2 章 參數元件進階 | |||
| 2.1 | 日期元件 | 報表中新增日期查詢元件，可以查詢指定日期區間內的報表資料 | |
| 2.2 | 正文元件 | 參數面板處可以透過該元件輸入正文資訊，鍵入查詢參數 | 文字元件 |
| 2.3 | 下拉樹元件 | 瞭解如何使用下拉樹元件實現資料查詢，以及三種構建方法 | |
| 2.4 | 檢視表樹元件 | 瞭解如何使用檢視表樹元件實現資料查詢的方法以及使用場景 | 檢視表樹元件 |
| 第 3 章 資料查詢進階 - 元件聯動 | |||
| 3.1 | 下拉框參數聯動 | 當範本中有多個下拉框時，上一個下拉框選擇了值後，下一個下拉框根據上個下拉框的值顯示選項。下拉框選項之間有層級關系，可以實現多級聯動 | SQL語句實現下拉框參數聯動 |
| 公式實現下拉框參數聯動 | |||
| 3.2 | 下拉複選框參數聯動 | 當範本中有多個下拉複選框時，上一個下拉複選框選擇了值後，下一個下拉複選框根據上個下拉複選框的值顯示選項。下拉框選項之間有層級關系，可以實現多級聯動 | SQL語句實現下拉複選框參數聯動 |
| 公式實現下拉複選框參數聯動 | |||
| 3.3 | 下拉框聯動之預設選擇列表中第1個值 | 掌握如何實現下拉框參數的下拉列表聯動後，在使用中需要使下拉框預設選擇列表中的第1個值 | 下拉框聯動之預設選擇列表中第1個值 |
| 第 4 章 資料查詢進階 - 模糊查詢 | |||
| 4.1 | 模糊查詢 | 模糊查詢是一種很方便的查詢方式，用來查詢符合某種指定格式的資料。比如使用者想查詢所有姓張的銷售員的資料，就可以使用模糊查詢。 | 模糊查詢 |
| 第 4 章 資料查詢進階 - 動態查詢 | |||
| 5.1 | 動態欄 | 使用者根據自己的實際需要透過參數元件查詢並展示不同的資料欄 | 動態欄 |
| 5.2 | 動態表 | 使用者根據自己的實際需要透過參數元件查詢並展示不同的資料表 | 動態表 |
| 第 5 章 利用JS實現複雜參數參數查詢 | |||
| 5.1 | 參數元件API | 參數面板上新增元件實現參數查詢時，當設計器中元件的配置項無法滿足使用者的需求時，使用者可以使用 JavaScript 來開發功能 | 參數元件API |
| 5.2 | JS實現無需點選查詢按鈕即可自動查詢 | 希望直接在輸入參數後就查詢結果，不需要點選查詢按鈕 | JS實現無需點擊查詢按鈕即可自動查詢 |
| 5.3 | JS根據條件顯示參數元件 | 在使用參數元件時，有時我們希望部分參數元件在沒滿足條件時不顯示，滿足條件後再顯示 | JS根據條件顯示參數元件 |
| 5.4 | JS實現彈窗後資料回填 | 資料回填指的是將查詢出來的資料傳回給顯示的正文框 | JS實現彈窗後資料回填 |
| 5.2 | CSS修改元件樣式 | 透過 CSS 修改元件的顯示樣式 | CSS修改元件樣式 |
