A11-02 範本-範本web屬性

1. 範本web屬性是報表在網頁預覽時顯示相關的設定。

2. 範本web屬性設定包括基本設定、列印設定、瀏覽器背景設定、引用css或js檔案設定以及不同預覽模式下的顯示和工具欄設定。

1

點擊【範本】→【範本web屬性】。

2

基本-標題。

1. 報表在預覽時瀏覽器上顯示的標題。

2. 預設不設定，顯示為報表的檔案名稱。

3

基本-報表快取有效時間。

1. 報表第一次被開啟後可以存放在快取中，下次開啟時可以直接呼叫快取中的報表，提升報表開啟速度。

2. 預設設定報表的快取有效時間為 0 milliseconds，即不存放在快取中。

4

印表機（伺服器）設定。

1. 使用者可新增伺服器中可搜尋到的印表機裝置，可解決本地  PC 沒有連結印表機無法列印的問題。

2. 點擊按鈕，可修改所選列印裝置。

3. 點擊↑上移↓下移按鈕，可調整列印裝置顯示順序。

4. 點擊X按鈕，可刪除所選列印裝置。

5. 伺服器印表機設定需配合伺服器列印介面使用，可參考JS 調用 FR 打印方法。

5

瀏覽器背景。

1. 預設設定為無背景。

2. 可設定背景為顏色、紋理、圖案、漸變色、圖片。

3. 具體設定，可參考A11-10 範本-紙張背景。

6

引用CSS。

1. 製作範本時，可以讓範本引用自訂的 CSS 樣式檔案。

2. 只可引用設計器當前工程webroot下的CSS檔案。

3. 選中需要修改的檔案，重新選擇css檔案後點擊修改，即可修改檔案成功。

4. 點擊 【上移】 【下移】 按鈕，即可調整CSS檔案呼叫順序。

5. 選中需要刪除的檔案，點擊【刪除】按鈕，即可刪除檔案成功。

6. 行動端不支援引用CSS檔案。

7

引用JavaScript。

1. 製作範本時，使用者可讓範本引用自訂的 JS 檔案。

2. JS檔案可以選擇當前工程webroot下的js檔案，也可以是絕對路徑形式的外部js檔案。

3. 外部js檔案可測試連結，確保檔案可被呼叫。

4. 選中需要修改的檔案，重新選擇css檔案後點擊修改，即可修改檔案成功。

5. 點擊 【上移】 【下移】 按鈕，即可調整CSS檔案呼叫順序。

6. 選中需要刪除的檔案，點擊【刪除】按鈕，即可刪除檔案成功。

1

開啟設定。

1. 預設選擇採用伺服器設定，下面的所有選項都為灰色無法編輯。

2. 選擇為該範本單獨設定，只適用於當前的範本，下面所有的功能可編輯、設定。

2

報表顯示位置。

1. 預設為左顯示。

2. 如果希望報表顯示的內容是居中的，可以選擇居中展示。

3

頁面。

1. 以圖片方式顯示：分頁預覽的時候，會生成圖片形式的報表。

2. iframe嵌入時自動收縮：如果當前的頁面是被以 iframe 的方式嵌入到其他的網頁當中的時候，會自動的調整頁面的大小，以適合 iframe 的大小。

3. 重方式輸出格子：格子列高欄寬不會被內容撐開。

4

使用工具欄。

1. 預設選擇使用工具欄，當取消選擇後，分頁預覽時不顯示工具欄。

2. 工具欄分為頂部工具欄和底部工具欄，只是工具欄顯示的位置不同，功能相同。

3. 使用工具欄後，預設頂部工具欄顯示首頁、上一頁、當前頁/總頁數、下一頁、末頁、列印、匯出和郵件。

5

工具欄-新增。

1. 選中需要新增的按鈕圖示。

2. 點擊【↑】按鈕即可新增工具到頂部工具欄。

3. 點擊【↓】按鈕即可新增工具到底部工具欄。

6

工具欄-設定面板。

1. 若需修改頂部工具欄設定則點擊頂部工具欄後按鈕，若需修改底部工具欄設定則點擊底部工具欄後按鈕。

2. 彈出工具欄設定面板。

7

工具欄-排序。

1. 在工具欄設定面板中，選中需要調整順序的按鈕。

2. 點擊【↑】上移【↓】下移按鈕，可調整按鈕顯示順序。

8

工具欄-刪除按鈕。

1. 在工具欄設定面板中，選中需要刪除的工具。

2. 點擊【X】按鈕，可調整工具顯示順序。

9

工具欄-背景設定。

1. 預設勾選預設背景，統一為淺灰色。

2. 若需修改背景，點擊背景設定按鈕。

3. 具體背景設定，可參考A11-10 範本-紙張背景。

10

工具欄-按鈕顯示。

1. 選中某個按鈕。

2. 右側面板按鈕屬性，預設勾選顯示按鈕圖示和按鈕名字，可設定只顯示圖示或名字。

11

工具欄-按鈕別名。

1. 選中某個按鈕。

2. 右側面板按鈕屬性，按鈕別名預設為國際化公式，根據不同語言顯示不同別名。

3. 如需自訂，可輸入自己想要的內容作為別名。

12

工具欄-按鈕圖示。

1. 選中某個按鈕。

2. 右側面板按鈕屬性，可編輯或刪除按鈕圖示。

3. 點擊【編輯】按鈕，彈出圖示設定面板，多種圖示可供選擇。

4. 點擊【新增】按鈕，可新增自定義按鈕圖示，輸入名字，選擇圖片檔案作為圖示。

5. 點擊【編輯】按鈕可重新編輯自定義圖示的名字和顯示圖片。

6. 點擊【刪除】按鈕，可刪除當前圖示。

7. 編輯和刪除圖示僅可對自己新增的圖示進行操作，設計器預設的圖示無法進行此操作。

13

工具欄-按鈕功能設定。

1. 若按鈕有多個功能，選中按鈕後，右側面板按鈕屬性中會顯示該按鈕的可選功能，點擊勾選。

14

工具欄-清除按鈕。

1. 點擊按鈕，可清除工具欄中已經設定的按鈕。

15

工具欄-恢復預設。

1. 點擊【恢復預設】按鈕，頂部工具欄和底部工具欄的設定恢復為初始設定。

2. 預設設定底部工具欄無按鈕，頂部工具欄顯示首頁、上一頁、當前頁/總頁數、下一頁、末頁、列印、匯出和郵件。

16

事件設定-新增事件。

1. 點擊按鈕，可新增事件，分頁預覽的事件有18種。

2. 選擇某一事件，彈出事件設定面板。

17

事件設定-事件型別。

1. 預設事件型別為JavaScript腳本，可選擇提交入庫、自訂提交、傳送郵件和檔案上傳。

2. 不同型別的事件具體使用，可參考 A10-00 超連結設定。

18

事件設定-編輯事件。

1. 選中需要編輯的事件名。

2. 點擊按鈕，彈出事件設定面板，可修改事件設定。

19

事件設定-刪除事件。

1. 選中需要刪除的事件名。

2. 點擊 【X】 按鈕，即可刪除事件。

1

開啟設定。

1. 預設選擇採用伺服器設定，下面的所有選項都為灰色無法編輯。

2. 選擇為該範本單獨設定，只適用於當前的範本，下面所有的功能可編輯、設定。

2

sheet標籤頁顯示位置。

1. 預設為顯示在下方。

2. 如果希望顯示在上方，可以勾選【上】。

3

報表顯示位置。

1. 預設為【左顯示】。

2. 如果希望報表顯示的內容是居中的，可以選擇【居中展示】。

4

填報當前編輯列背景設定。

1. 預設不勾選，編輯時背景仍不變。

2. 點擊勾選後，點擊按鈕，選擇顏色，使填報編輯時，列背景顏色變化，突出顯示。

5

填報提交設定。

1. 預設勾選【未提交離開提示】，在填報的時候，如果有儲存格處於已編輯的狀態，在關閉或是切換網頁的時候，會彈出是否提交的對話方塊。

2. 預設不勾選【直接顯示元件】，若勾選，填報時不點擊儲存格，即可顯示元件。

3. 預設不勾選【自動暫存】，若勾選對於填報內容，離開頁面時，自動暫存。

6

使用工具欄。

1. 工具欄的相關使用和分頁預覽類似。

2. 使用工具欄後，預設頂部工具欄顯示提交、資料校驗、列印、匯出、郵件、插入記錄、顯示儲存格值。

7

事件設定。

1. 事件設定相關和分頁預覽類似。

2. 事件型別略有不同，填報頁面設定共有31種，填報特有的事件有如下。

1

開啟設定。

1. 預設選擇【採用伺服器設定】，下面的所有選項都為灰色無法編輯。

2. 選擇【為該範本單獨設定】，只適用於當前的範本，下面所有的功能可編輯、設定。

2

資料分析設定。

1. 預設勾選排序、條件篩選和列表篩選。

2. 預覽時點擊儲存格右上角的箭頭，可以選擇對資料進行排序和篩選。

3. 排序可選擇升序或降序。

4. 條件篩選可選擇操作符配合資料型別和數值進行篩選。

5. 列表篩選可選擇當前欄中的部分資料。

3

使用工具欄。

1. 工具欄的相關使用和分頁預覽類似。

2. 使用工具欄後，預設頂部工具欄顯示頁面設定、列印預覽、列印、匯出、郵件。

4

事件設定。

1. 事件設定相關和分頁預覽相同，共有18種事件。