使用樹網格資料
使用樹載入資料服務
在樹網格中,資料父節點與子節點之間的關係會增加查詢及篩選任務的複雜性。為了簡化流程,大部份功能都編碼在一個 JavaScript 資料服務中,相關範例在進階網格範例檔案中提供。您可將提供的 JavaScript 程式碼新增至服務,可以全部新增,也可以新增某一部份,以在您自己的混搭中支援樹網格功能。
必要時,您也可以將範例資料服務中所述的 API 實行轉換為以 java 為基礎的服務。請確保輸入參數名稱保持不變,且傳回的資料負載包含服務中所需每個 API 的正確列清單。
若要充分利用樹狀網格功能,您必須將此資料服務繫結至網格,例如:
使用選用查詢與資料篩選器參數載入初始子資料。
根據指定的展開路徑 (leafID) 自動展開列。
搜尋符合指定查詢參數的子資料。
使用資料篩選器小器具篩選符合指定篩選器查詢參數的子資料。
欲使用提供的 GetPartsData 範例樹載入資料服務,必須對其進行略微自訂 (以指向您資料的位置)、將其新增至 Composer 中的物件,並繫結至網格。請遵循以下步驟:
1. 使用進階網格範例檔案部份的資訊儲存範例,並將其匯入至 ThingWorx Composer。
2. 樹網格功能的範例資料服務為 GetPartsData。若要尋找此服務,請遵循下列步驟:
a. 從 Composer 中,瀏覽至「建模」/「物件」,並開啟 GridAdvancedExampleServices 物件。
b. 按一下左側面板中的「服務」,可用範例服務即會顯示。
c. 選取 GetPartsData 服務,然後按一下「編輯」來檢視指令集視窗。
d. 按一下「全螢幕」,以更輕鬆地檢視。
3. Your Data Store 指令集部份,自訂 getEntriesFromDataStore 函數,使其指向您子資料來源的位置。請參閱下圖。
如果來源是資料表,請只更新 YOUR_DATATABLE_THING 變數中表格的名稱。
如果來源是資料流、資料形式或協力廠商平台,請相應地更新 getEntriesFromDataStore 函數。
4. 在指令集的列區段中,確保對於沒有父列的任何頂層列而言,parentId 值都是 '/'。此值指示根層級,為確保 GetPartsData 服務能夠正確排序及搜尋資料,必須使用此值。
如果您要使用其他值來指示根層級,請修改指令集最上方的 ROOT_ID_VALUE 參數。您可使用任何非空白字串,例如:/Root// 或單一空格
5. 儲存變更。現在,您即可依現狀使用服務,或複製指令集並將其貼上到 Composer 中您自己的物件上的服務中
6. 在 Mashup Builder 中您建立樹網格的位置,將資料服務作為另一個實體新增到右側面板中。
7. 從右側面板資料服務實體中的「傳回的資料」下,將「所有資料」拖曳至網格,並將其繫結至 DataChildData 內容。您可以將資料與子資料連線至相同或不同來源。
8. FilterFilter Query 內容繫結至資料服務,以使所有排序、搜尋與篩選參數都可以組合,並可輸出適當的結果。
9. 儲存並檢視完成的混搭。
這是否有幫助?