簡易樹狀檢視 - 展開

了解如何處理樹狀檢視項目的展開和摺疊。

受控展開

使用 expandedItems 屬性來控制展開的項目。您也可以使用 onExpandedItemsChange 屬性來監聽展開項目的變更，並據此更新屬性。

追蹤項目展開變更

使用 onItemExpansionToggle 屬性在項目展開時觸發動作。

限制展開到圖示容器

您可以使用 expansionTrigger 屬性來決定是否應透過點擊圖示容器而不是整個樹狀項目內容來觸發展開互動。

命令式 API

變更項目展開

使用 setItemExpansion API 方法來變更項目的展開。

apiRef.current.setItemExpansion(
  // The DOM event that triggered the change
  event,
  // The id of the item to expand or collapse
  itemId,
  // If `true` the item will be expanded
  // If `false` the item will be collapsed
  isExpanded,
);

API

請參閱以下文件，以取得此處提及之元件可用的所有屬性和類別的完整參考。

• <SimpleTreeView />
• <TreeItem />