在线视频观看免费,av无码免费福利,91免费网站

国产自产第一-国产自产对白一区-国产自产精品-国产自产区44页-国产自产在线-国产自产自拍-国产自产自拍视频-国产自精品

【DevExpress v17.2新功能預(yù)告】DevExtreme TreeList

原創(chuàng)|產(chǎn)品更新|編輯：龔雪|2017-11-01 11:35:20.000|閱讀 364 次

概述：DevExpress即將發(fā)布v17.2版本，本文主要為大家介紹在v17.2中DevExtreme HTML5 TreeList小部件的新功能。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

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

1. 遞歸選擇模式

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

selection: {
// …
recursive: true
},

在這里您可以看到，當(dāng)我們選擇一個(gè)子節(jié)點(diǎn)時(shí)，TreeList也遞歸地選擇關(guān)聯(lián)的父節(jié)點(diǎn)：

2. 內(nèi)置搜索

如果您的TreeList包含數(shù)千條記錄，那么很難找到一個(gè)特定的節(jié)點(diǎn)。這就是為什么在v17.2版本中，我們?cè)跇?biāo)頭過(guò)濾器中添加了搜索功能，以加快過(guò)濾速度。

headerFilter.allowSearch選項(xiàng)在widget選項(xiàng)根級(jí)別和列選項(xiàng)中可用。這允許您啟用所有列的標(biāo)題過(guò)濾器搜索，或僅針對(duì)特定列。

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

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

在下面的動(dòng)畫中，您可以看到如何節(jié)省時(shí)間來(lái)實(shí)現(xiàn)頭部過(guò)濾器搜索功能：

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

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

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

3. 新的Lazy加載模式

在即將發(fā)布的版本中，您可以通過(guò)延遲折疊項(xiàng)目（及其子代）的負(fù)載來(lái)優(yōu)化TreeList的性能。在此模式下，可以使用以下方法加載子節(jié)點(diǎn)：

loadDescendants() - 遞歸加載子節(jié)點(diǎn)
loadDescendants(keys) - 遞歸地加載指定節(jié)點(diǎn)的子節(jié)點(diǎn)
loadDescendants(keys, childrenOnly) - 根據(jù)childrenOnly參數(shù)值，僅遞交特定節(jié)點(diǎn)的子節(jié)點(diǎn)或其所有子節(jié)點(diǎn)的單個(gè)級(jí)別