具有多個面板的導覽標籤

上次更新: 2024-01-26
  • 建立對象:
  • Beginner
    Developer

當您的表單有左側導覽標籤,並且其中一個標籤有多個面板時,您可能想要隱藏子面板的標題,並且仍然能夠在這些標籤的標籤和子面板之間導覽

建立最適化表單

建立具有下列結構的最適化表單。 根面板具有子面板,這些子面板在左側顯示為索引標籤。 其中一些是"索引標籤"擁有其他子面板。 例如,「家庭」標籤有兩個名為「配偶」和「子女」的子項面板。

也會在FormContainer下方新增一個工具列,其中包含「上一個」和「下一個」按鈕

工具列間距

此表單的預設行為是顯示左側的所有面板,然後按一下「下一步」按鈕從一個標籤導覽至另一個標籤。

若要變更此預設行為,我們需要執行以下操作

將下列程式碼新增至的 下一個 使用程式碼編輯器的按鈕

window.guideBridge.setFocus(null, 'nextItemDeep', true);

將下列程式碼新增至的 前一個 使用程式碼編輯器的按鈕

window.guideBridge.setFocus(null, 'prevItemDeep', true);

上述程式碼可協助您在每個標籤的標籤與子面板之間導覽。

隱藏子面板標題

使用樣式編輯器來隱藏索引標籤子面板的標題。

注意

本文所述的功能在最後一個標籤中無法運作。 例如,如果「地址」標籤有子面板,則此功能無法運作。

本頁內容