原創(chuàng)|產(chǎn)品更新|編輯:龔雪|2017-11-01 11:35:20.000|閱讀 371 次
概述:DevExpress即將發(fā)布v17.2版本,本文主要為大家介紹在v17.2中DevExtreme HTML5 TreeList小部件的新功能。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在即將到來的v17.2中,您可以查看到DevExtreme HTML5 TreeList小部件的這些新功能。

TreeList將包括一個新的遞歸選擇模式,您只需一次點擊即可選擇或取消選擇整個分支,節(jié)點上的點擊也可以選擇或取消選擇所有的子節(jié)點。使用selection.recursive選項啟用該功能:
selection: {
// …
recursive: true
},
在這里您可以看到,當我們選擇一個子節(jié)點時,TreeList也遞歸地選擇關(guān)聯(lián)的父節(jié)點:

如果您的TreeList包含數(shù)千條記錄,那么很難找到一個特定的節(jié)點。這就是為什么在v17.2版本中,我們在標頭過濾器中添加了搜索功能,以加快過濾速度。
headerFilter.allowSearch選項在widget選項根級別和列選項中可用。這允許您啟用所有列的標題過濾器搜索,或僅針對特定列。
treeListOptions: {
//...
headerFilter: {
//...
allowSearch: true //all columns
},
columns: [{
//...
headerFilter: {
//...
allowSearch: true //specific column
},
}]
}
在下面的動畫中,您可以看到如何節(jié)省時間來實現(xiàn)頭部過濾器搜索功能:

如果TreeList中有太多列,該怎么辦? 只需在列選擇器中啟用搜索框即可獲得與列相同的搜索功能:
columnChooser: {
//...
allowSearch: true
}
這使得查找列變得輕而易舉,無論列選擇器模式如何,都可以使用該功能:

在即將發(fā)布的版本中,您可以通過延遲折疊項目(及其子代)的負載來優(yōu)化TreeList的性能。 在此模式下,可以使用以下方法加載子節(jié)點:
同樣在這個版本中,您可以通過調(diào)用getNodeByKey(keyParam)獲取一個TreeList的節(jié)點:
treeListInstance.getNodeByKey(8);
此調(diào)用返回包含level、key、“visible”和“hasChildren” flags、children數(shù)組和表示節(jié)點父級對象的完整節(jié)點。
===============================================================
想要進一步了解如何DevExtreme TreeList?
掃描關(guān)注DevExpress中文網(wǎng)微信公眾號,及時獲取最新動態(tài)及最新資訊

本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)