1. 問題描述javascript
進行FineReport數據填報時,若是數據量過大,因爲前端瀏覽器的性能限制,若是將數據所有展示出來,速度會很是的慢,影響用戶體驗,這時候你們就會想,填報是否能像分頁預覽同樣進行分頁呢,實現只加載當前頁,從而提升性能,下面咱們就來介紹填報分頁的製做與瀏覽過程,在op=write下,使用__cutpage__=v參數(即在url後增長&__cutpage__=v)來啓用填報橫向不分頁縱向分頁。前端
2. 示例java
下面咱們以1000行數據爲例,每頁顯示200行,分5頁顯示。web
2.1 數據準備瀏覽器
新建數據集ds1:SELECT top 1000 * FROM 訂單明細。服務器
ds2:SELECT * FROM 產品。ide
2.2 模板設計性能
以下圖所示,在模板主體中拖曳數據列至C2~O2單元格,並設置標題:
url
2.3 過濾spa
數據列來源於2個數據集,須要在單元格中設置過濾條件,雙擊E2單元格,選擇過濾,條件設置爲產品id等於單元格D2,以下圖:
注:數據列中來自於ds1的數據列的父格需設置爲C2,來自於ds2的數據列的父格需設置爲E2。
2.4 分頁設置
形如分頁預覽中的每頁顯示固定行數,填報分頁也如此設置,以下圖,在C2單元格中添加一個條件屬性:
2.5 重複標題行、凍結行列設置
因爲上面的報表主體中包含的數據列比較多,而且數據量也比較大,則在web端查看報表時,須要設置重複標題行,而且凍結行列,使查看報表時,仍然能知道該行數據的意義。
重複標題行
選中標題行,右鍵,選擇設置重複標題行。
凍結行列
點擊菜單欄的模板>重複與凍結設置,在填報凍結欄裏面講第一行以及第三列凍結起來,以下圖:
2.6 報表樣式設計
給FineReport報表設置樣式,以下圖:
2.7 效果查看
點擊填報預覽,在URL後面添加參數__cutpage__=v,便可啓用填報分頁,查看效果:
在線查看模板效果請點擊Cutpage.cpt
注:填報分頁狀態下,翻頁前,若是修改了當前頁的數據,需先保存該頁面內容,即傳輸到服務器端進行保存,那麼下次再查看該頁內容時,頁面顯示內容即爲編輯後的內容,在保存的過程當中,不容許編輯,保存不是提交,報表會自動保存。
另:__cutpage__參數先後都有2個下劃線。