Mashup Builder > 小器具 > 標準小器具 > 格點小器具 > 將格點與分頁小器具搭配使用
將格點與分頁小器具搭配使用
「格點」小器具會在單一頁面上顯示繫結資料負載中的所有資料。當列的數目與大小大於螢幕上的可用空間時,會顯示捲動條。您可以透過跨多個頁面分割資料列來分頁格點資料。這可協助使用者更輕鬆地導覽至大型資料集的特定部份。欲分頁資料,您必須建立分頁服務、新增「分頁」小器具,然後在「分頁」小器具、「格點」小器具與服務之間建立繫結。下列步驟概述使用「分頁」小器具的一般步驟。如需有關建立分頁服務的詳細資訊,請參閱建立分頁資料服務
1. 開啟「小器具」面板,然後將「分頁」小器具拖曳至畫布上的容器。
2. 「資料」面板上,新增傳回分頁資料的資料服務。
服務必須包含下列值:
資料集中的總結果數。
要在每一頁顯示的列數。
目前頁碼。
3. 將分頁資料服務的 All Data 內容繫結至「格點」小器具的 Data 內容。
4. 將下列事件繫結至「資料」面板上的分頁資料服務:
混搭的 Loaded 事件 - 初始化混搭時,執行服務。
格點的 Filter 事件 - 當使用篩選方塊或資料篩選器小器具篩選資料時,執行服務。
分頁小器具的 PageNumberChanged 事件 - 變更目前頁碼時,執行服務。
5. 將「分頁」小器具 PageNumberPageSizeResultsNumber 內容繫結為分頁資料服務的輸入參數。
6. 按一下「儲存」,然後檢視混搭。
格點資料會在執行時間分頁。
變更頁面時保留所選列
依預設,當分頁格點中的頁面變更時,不會保留儲存在 SelectedRows 內容中的所選列。在 ThingWorx 9.3.6 或更新版本中,所選列的 ID 會儲存在 SelectedRowsIDs 資料負載內容中。在頁面之間移動時,會保留內容值。您可以建立輸出繫結來將所選列的 ID 傳遞至資料服務,或建立輸入繫結,透過將空資料負載傳遞至內容來重設選取項。
這是否有幫助?