反饋已提交

網絡繁忙

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

A11-02 範本-範本web屬性

一、概述

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

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

二、設定方式(1)-通用設定

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

1.gif

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

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

2.png

3.png

3
基本-報表快取有效時間。
  1. 報表第一次被開啟後可以存放在快取中,下次開啟時可以直接呼叫快取中的報表,提升報表開啟速度。

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

2.gif

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

  2. 點擊2-4-1.png按鈕,可修改所選列印裝置。

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

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

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

3.gif

5
瀏覽器背景。
  1. 預設設定為無背景。

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

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

4.gif

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

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

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

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

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

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

5.gif

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

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

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

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

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

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

6.gif

三、設定方式(2)-分頁預覽設定

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

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

7.gif

2
報表顯示位置。
  1. 預設為左顯示。

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

8.gif

4.png

5.png

3
頁面。
  1. 以圖片方式顯示:分頁預覽的時候,會生成圖片形式的報表。

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

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

6.png

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

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

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

9.gif

7.png

8.png

5
工具欄-新增。
  1. 選中需要新增的按鈕圖示。

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

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

10.gif

6
工具欄-設定面板。
  1. 若需修改頂部工具欄設定則點擊頂部工具欄後3-6-1.png按鈕,若需修改底部工具欄設定則點擊底部工具欄後3-6-1.png按鈕。

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

11.gif

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

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

12.gif

8
工具欄-刪除按鈕。
  1. 在工具欄設定面板中,選中需要刪除的工具。

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

13.gif

9
工具欄-背景設定。
  1. 預設勾選預設背景,統一為淺灰色。

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

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

14.gif

10
工具欄-按鈕顯示。
  1. 選中某個按鈕。

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

15.gif

11
工具欄-按鈕別名。
  1. 選中某個按鈕。

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

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

16.gif

12
工具欄-按鈕圖示。
  1. 選中某個按鈕。

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

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

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

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

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

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

17.gif

13
工具欄-按鈕功能設定。
  1. 若按鈕有多個功能,選中按鈕後,右側面板按鈕屬性中會顯示該按鈕的可選功能,點擊勾選。

18.gif

14
工具欄-清除按鈕。
  1. 點擊3-14-1.png按鈕,可清除工具欄中已經設定的按鈕。

19.gif

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

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

20.gif

16
事件設定-新增事件。
  1. 點擊3-16-1.png按鈕,可新增事件,分頁預覽的事件有18種。

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

  事件

  觸發時間

事件名稱 

  載入起始

  報表頁面剛剛開啟時觸發,若有參數介面,則點擊查詢按鈕時觸發

 startload

  載入結束

  報表頁面完全載入後觸發

 afterload

  PDF匯出前

  點擊輸出>pdf時觸發

 beforetopdf 

  PDF匯出後

  PDF 檔案匯出生成後觸發

 aftertopdf

  其他匯出前/後

  在點擊對應的輸出檔案/輸出成對應的檔案後觸發

 

  PDF列印前

  在點擊 PDF 列印按鈕後觸發

 beforepdfprint 

  PDF列印後

 列印設定項設定完後就觸發

 afterpdfprint

  其他列印前/後

  點擊對應的列印按鈕時/列印設定項設定完成後觸發

 

21.gif

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

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

22.gif

18
事件設定-編輯事件。
  1. 選中需要編輯的事件名。

  2. 點擊3-18-1.png按鈕,彈出事件設定面板,可修改事件設定。

23.gif

19
事件設定-刪除事件。
  1. 選中需要刪除的事件名。

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

24.gif

四、設定方式(3)-填報頁面設定

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

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

25.gif

2
sheet標籤頁顯示位置。
  1. 預設為顯示在下方。

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

9.png

3
報表顯示位置。
  1. 預設為【左顯示】。

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

10.png

4
填報當前編輯列背景設定。
  1. 預設不勾選,編輯時背景仍不變。

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

26.gif

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

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

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

11.png

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

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

27.gif

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

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

  事件

  觸發時間

事件名稱

  填報前

  點擊提交按鈕後觸發

 beforewrite

  填報後

 提交完成後觸發

 afterwrite

  填報成功

  提交成功後觸發

 writesuccess

  填報失敗

 提交失敗後觸發

 writefailure 

  校驗後

  資料校驗發生後觸發

 afterverify

  校驗提交前

  點擊提交後,校驗之前觸發

 beforeverifywrite

  校驗提交後

  提交完成後觸發,會發生在填報後事件之前觸發

 afterverifywrite

  新增列前

  點擊增加記錄按鈕後觸發

 beforeappend

  新增列後

  記錄新增後觸發

 afterappend

  刪除列前

  點擊刪除列欄按鈕後觸發

 beforedelete

  刪除列後

  記錄刪除後觸發

 afterdelete

  excel匯入前

  選中某個 Excel,點確定後觸發

 beforeimportexcel

  excel匯入後

  Excel 匯入後觸發,匯入成功匯入失敗均觸發

 afterimportexcel

28.gif

五、設定方式(4)-資料分析設定

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

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

29.gif

2
資料分析設定。
  1. 預設勾選排序、條件篩選和列表篩選。

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

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

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

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

12.png

32.gif

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

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

30.gif

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

31.gif


附件列表


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

文 檔回 饋

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

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

不再提示

10s後關閉