AngularDart Material Design 選項樹

MaterialTreeComponent

Selector: <material-tree>

支持選項樹的材質選擇組件。

要使用，只需傳遞最少的選項便可查看項目。

若是SelectionOptions實現Parent接口，則爲Parent.hasChildren設置的每一個選項顯示一個handle，而且切換handle將從Parent.childrenOf的結果建立另外一個樹。

若是SelectionOptions實現Filterable接口。

要從組件接收反饋，須要selection模型。

要自定義，請指定itemRenderer和/或factoryRenderer。

Inputs:

• allowParentSingleSelection bool 
  小部件是否支持選擇非葉節點
  若是爲false，而且小部件使用單個選擇模型，則單擊小部件時應在單擊非葉節點時切換擴展。 若是爲true，則小部件應在單擊時選擇非葉節點，而且僅在單擊擴展圖標時切換擴展。
   
• componentRenderer (dynamic) → Type
  已禁用！請改用[factoryRenderer]
   
• expandAll bool 
  是否始終擴展選項組。
   
• factoryRenderer (dynamic) → ComponentFactory<dynamic> 
  指定用於肯定用於呈現項目的工廠的factoryRenderer。
   
• itemRenderer (dynamic) → String 
  一個簡單的函數，用於將項呈現爲字符串。
   
• optimizeForDropdown bool 
  是否在單個選擇下拉列表中隱藏複選標記
   
• options SelectionOptions<dynamic> 
  這個contianer的可用選項。
   
• selection SelectionModel<dynamic> 
  此容器表示的選擇模型。

MaterialTreeDropdownComponent

Selector: <material-tree-dropdown>

包含MaterialTreeComponent的按鈕觸發下拉列表。

Inputs:

• componentRenderer (dynamic) → Type 
  已禁用！請改用[factoryRenderer]
   
• expandAll bool 
  是否始終擴展選項組。
   
• factoryRenderer (dynamic) → ComponentFactory<dynamic> 
  指定用於肯定用於呈現項目的工廠的factoryRenderer。
   
• itemRenderer (dynamic) → String 
  一個簡單的函數，用於將項呈現爲字符串。
   
• options SelectionOptions<dynamic> 
  這個contianer的可用選項。
   
• placeholder String 
  當沒有選擇任何內容時，佔位符將用於下拉文本。
   
• selection SelectionModel<dynamic> 
  此容器表示的選擇模型。
   
• shouldExpandAllWhenFiltered bool 
  若是爲true，則在過濾樹時展開全部項目。
   
• showFilterInsidePopup bool 
  將過濾器輸入放在彈出窗口內。
   
• visible bool 
  是否顯示下拉列表。

Outputs:

• visibleChange Stream<bool> 
  當下拉列表的可見性發生變化時觸發。

MaterialTreeFlatReadonlyDemoComponent

MaterialTreeFlatSelectableDemoComponent

MaterialTreeFlatMultiDemoComponent

MaterialTreeNestedSingleDemoComponent

MaterialTreeNestedSingleParentSelectableDemoComponent

MaterialTreeNestedMultiDemoComponent

MaterialTreeNestedItemRenderingComponent

MaterialTreeNestedComponentRenderingComponent

MaterialTreeNestedExpandDemoComponent

MaterialTreeDropdownSingleDemoComponent

MaterialTreeDropdownMultiDemoComponent

MaterialTreeDropdownFilterableDemoComponent

MaterialTreeDropdownNestedFilterableDemoComponent

MaterialTreeDropdownNestedFilterInPopupDemoComponent

MaterialTreeNestedSingleDividerDemoComponent

MaterialTreeViewMoreDemoComponent

查看示例，查看源碼。