填報分頁

1.1 問題描述

填報前端預覽時，所有資料都是在一頁展示，如果資料量過大，由於前端瀏覽器的效能限制，將資料全部展現出來，速度會非常的慢，極大影響使用者體驗。

那麼填報能否像分頁預覽一樣進行分頁展示，進而提高填報預覽的速度呢？效果如下圖所示：

1.2 解決思路

1）針對資料行只有一行進行拓展的情況下：

在填報預覽（op=write）下，使用 __cutpage__ 參數（即在 URL 後增加參數 &__cutpage__=v），配合條件屬性的分頁設定，來實現填報分頁效果 。

2）針對資料行只有多行進行拓展的情況下：

在填報預覽（op=write）下，使用 __cutpage__ 參數（即在 URL 後增加參數 &__cutpage__=v），採用多行seq()序號連續的規則，配合條件屬性的分頁設定，來實現填報分頁效果 。

1.3 注意事項

1）cutpage 前後各有兩個底線 。

2）此方案不支援行動端，不支援欄分頁（欄後分頁和欄前分頁） 。

3）此方案不支援頁碼相關函式，例如：$$page_number、$$totalPage_number、{A1} 等 。

4）此方案與 JS獲取儲存格 疊加使用時，僅能獲取當前頁的儲存格 。

5）使用此方案實現填報分頁後，執行參數面板的查詢，報表會保持顯示原本的頁碼，而不會自動跳轉回第一頁。例如，當前瀏覽到第 5 頁時點選參數面板「查詢」按鈕，即使新查詢結果總頁數僅剩 3 頁，系統仍會嘗試顯示第 5 頁（此時可能出現空白或無資料） 。

6）分頁（填報）模式下，如有重複標題欄，需同步設定分頁預覽的標題欄凍結，否則會導致翻頁顯示錯亂 。

2.1 準備資料

1）建立普通報表

2）建立資料集，SQL 語句為：SELECT * FROM 訂單明細 limit 1000

2.2 設計範本

設計範本主體

1）將資料集欄位拖到對應儲存格中

2）設定A2~F2儲存格資料設定為「列表」

2）為 A2~F2 儲存格新增正文元件

2.3 設定列後分頁

設定列後分頁是為了限制每頁展示多少列資料。

1）選擇A2儲存格，新增條件屬性。

2）設定屬性為「分頁>列後分頁」。

3）新增公式為：(row() - 1) % 200 = 0 或者 seq() % 200 = 0

該公式含義為每200列分一頁，如果感覺頁面仍然卡頓，可以減小該數值。

注：此公式中的 -1 是因為範例中有一列為表頭標題，所以需要減去不參與計算，實際應用時請根據自己的報表表頭的列數進行減行。

2.4 多行資料拓展分頁

1）序號列設定父儲存格為唯一 ID 列進行拓展，對拓展的每一行的序號列都設定條件屬性分頁屬性，公式為：$$$ % $page = 0 

（$$$表示當前值，可以根據個人喜好切換成公式=seq()，參數$page在範本參數中定義一個統一的數字或參數欄設定即可）

2）設定$page參數：

2.5 效果預覽

儲存範本，點選填報預覽，在 URL 後面新增參數&__cutpage__=v後重新預覽範本，效果如下圖所示：

注：該方案不支援行動端預覽。

1）行後分頁：

2）多行資料擴展分頁：

點選下載範本：填報分頁.cpt

填報分頁（多行資料拓展分頁）.zip

4.1 平台掛載開啟填報分頁

如果是在平台中掛載填報範本需要分頁，可以在參數設定中實現。參數名稱為__cutpage__，類型為字串，值為 v

4.2 凍結標題行

如果希望翻頁後標題部分保持不動，則可以設定凍結，如下圖所示：