Mashup Builder > 混搭 > 建立已包含混搭
建立已包含混搭
當建立以回應式混搭為基礎的應用程式時,建議您將整個應用程式分割成較小的可重新使用的元件。可重新使用的元件是一組小器具,您可以將其用於不同的使用個案。您可以使用「已包含混搭」小器具,將混搭新增至版面配置中的容器。可重新使用的混搭可讓您:
建立更簡單的混搭結構,且父混搭中有一些繫結。這可讓您更容易地解決應用程式的問題。
將混搭分割成幾個部份,以便多個開發人員可在相同的應用程式中工作。
透過重新使用簡單混搭,以更快速的方式建構複雜混搭。
如需詳細資訊,請參閱已包含混搭小器具
您可以在已包含混搭的父混搭中對其進行配置。例如,考慮用來在 ThingWorx 內查詢稽核資料的混搭應用程式。您可以將應用程式分割為多個混搭,並使用可重新使用的元件來建構混搭,而不是建立單一混搭:
頂部部份包含搜尋的導覽選項、按鈕及輸入小器具。
搜尋部份包含查詢服務的傳回資料,並會將其顯示在格點中。
視覺化部份會顯示不同圖表之格點中的資料。
新增已包含混搭
1. 開啟及編輯現有混搭,或建立新混搭。
2. 「版面配置」面板中,將容器新增至父混搭。
3. 將「已包含混搭」小器具從「小器具」面板拖曳至容器。
4. 使用下列其中一種方式選取要針對小器具顯示的混搭:
「內容」面板中,選取 Name 內容的混搭。
將混搭從「混搭」面板拖曳至畫布中的小器具。
5. 按一下「儲存」,然後按一下「檢視混搭」。已包含混搭會在執行時間顯示在目前混搭內。
新增已包含混搭之後,您可使用混搭參數來將資料與事件繫結至已包含混搭,也可繫結來自已包含混搭的資料與事件。如需詳細資訊,請參閱配置混搭參數
配置已包含混搭版面配置
當您將已包含混搭新增至版面配置時,會根據小器具容器的尺寸來顯示混搭。當已包含混搭的尺寸超過容器中的可用空間時,會顯示捲軸。若您有多個已包含混搭,可能會導致可用性問題。當一或多個已包含混搭超出其容器的可用空間時,會在父混搭上顯示多個捲軸。您可以展開這些容器來調整已包含混搭的內容。使用已包含混搭小器具的 ResizeToContent 內容可展開容器,並顯示已包含混搭中的完整內容。
欲展開父混搭中的容器,請執行下列步驟:
1. 使用「已包含混搭」小器具開啟父混搭。
2. 「檔案總管」面板中,使用「已包含混搭」小器具選取容器。
3. 「進階」下的「版面配置」面板中,將「收縮比例」方塊設定為 0。
4. 針對版面配置中的其他容器重複上一個步驟。如此可防止包含的混搭容器取得版面配置中的所有可用空間。
若啟用內容,已包含混搭的容器會垂直或水平拉伸,這取決於版面配置定向。只有當已包含混搭具有固定大小的元件時,內容才會影響混搭。例如,靜態容器、混搭或非回應式小器具。已包含混搭必須具有已定義的高度,才能展開父容器的內容。例如,「進階格點」小器具是回應式小器具,其使用容器中的可用空間。當小器具增大以容納更多列時,已包含混搭的父容器會保持相同大小。欲展開父容器,請為混搭、容器或小器具指定固定大小。
這是否有幫助?