在即將到來的v17.2中，您可以查看到DevExtreme HTML5 TreeList小部件的這些新功能。

1. 遞歸選擇模式

TreeList將包括一個新的遞歸選擇模式，您只需一次點擊即可選擇或取消選擇整個分支，節點上的點擊也可以選擇或取消選擇所有的子節點。使用selection.recursive選項啟用該功能：

selection: {
// …
recursive: true
},

在這里您可以看到，當我們選擇一個子節點時，TreeList也遞歸地選擇關聯的父節點：

2. 內置搜索

如果您的TreeList包含數千條記錄，那么很難找到一個特定的節點。這就是為什么在v17.2版本中，我們在標頭過濾器中添加了搜索功能，以加快過濾速度。

headerFilter.allowSearch選項在widget選項根級別和列選項中可用。這允許您啟用所有列的標題過濾器搜索，或僅針對特定列。

treeListOptions: {
//...
headerFilter: {
//...
allowSearch: true //all columns
},

columns: [{
//...
headerFilter: {
//...
allowSearch: true //specific column
},
}]
}

在下面的動畫中，您可以看到如何節省時間來實現頭部過濾器搜索功能：

如果TreeList中有太多列，該怎么辦？ 只需在列選擇器中啟用搜索框即可獲得與列相同的搜索功能：

columnChooser: {
//...
allowSearch: true
}

這使得查找列變得輕而易舉，無論列選擇器模式如何，都可以使用該功能：

3. 新的Lazy加載模式

在即將發布的版本中，您可以通過延遲折疊項目（及其子代）的負載來優化TreeList的性能。 在此模式下，可以使用以下方法加載子節點：

• loadDescendants() - 遞歸加載子節點
• loadDescendants(keys) - 遞歸地加載指定節點的子節點
• loadDescendants(keys, childrenOnly) - 根據childrenOnly參數值，僅遞交特定節點的子節點或其所有子節點的單個級別

4. getNodeByKey方法

同樣在這個版本中，您可以通過調用getNodeByKey（keyParam）獲取一個TreeList的節點：

treeListInstance.getNodeByKey(8);

此調用返回包含level、key、“visible”和“hasChildren” flags、children數組和表示節點父級對象的完整節點。

===============================================================

想要進一步了解如何DevExtreme TreeList？

掃描關注DevExpress中文網微信公眾號，及時獲取最新動態及最新資訊