DevExpress WPF擁有120+個(gè)控件和庫，將幫助您交付滿足甚至超出企業(yè)需求的高性能業(yè)務(wù)應(yīng)用程序。通過DevExpress WPF能創(chuàng)建有著強(qiáng)大互動(dòng)功能的XAML基礎(chǔ)應(yīng)用程序，這些應(yīng)用程序?qū)Ｗ⒂诋?dāng)代客戶的需求和構(gòu)建未來新一代支持觸摸的解決方案。 無論是Office辦公軟件的衍伸產(chǎn)品，還是以數(shù)據(jù)為中心的商業(yè)智能產(chǎn)品，都能通過DevExpress WPF控件來實(shí)現(xiàn)。

獲取DevExpress v24.1正式版下載

DevExpress技術(shù)交流群11：749942875      歡迎一起進(jìn)群討論

TreeList視圖

DevExpress WPF TreeListView被設(shè)計(jì)成以樹的形式顯示信息——無論是綁定模式還是非綁定模式，數(shù)據(jù)按列和節(jié)點(diǎn)（行）排列。網(wǎng)格列對(duì)應(yīng)于數(shù)據(jù)源中的數(shù)據(jù)字段，節(jié)點(diǎn)表示數(shù)據(jù)記錄。

Xaml

<dxg:GridControl AutoGenerateColumns="AddNew"
EnableSmartColumnsGeneration="True"
ItemsSource="{Binding Customers}">
<dxg:GridControl.View>
<dxg:TreeListView Name="treeListView" AutoWidth="True"
KeyFieldName="ID" ParentFieldName="ParentID"
TreeDerivationMode="Selfreference"/>
</dxg:GridControl.View>
</dxg:GridControl>

除了標(biāo)準(zhǔn)的數(shù)據(jù)感知和表示功能，如數(shù)據(jù)編輯、排序、過濾、匯總計(jì)算、內(nèi)置驗(yàn)證、解綁定列、運(yùn)行時(shí)列定制等，它的具體功能包括：

• 顯示分層數(shù)據(jù)
  從不同的層次數(shù)據(jù)結(jié)構(gòu)中獲取信息，并以樹的形式顯示。
• 非綁定模式
  您可以在XAML或代碼中創(chuàng)建樹，節(jié)點(diǎn)可以用不同類型的對(duì)象表示，唯一的要求是這些數(shù)據(jù)對(duì)象應(yīng)該具有公共字段（列）。
• 異步獲取節(jié)點(diǎn)
  在后臺(tái)線程中獲取子節(jié)點(diǎn)，以保持應(yīng)用程序UI響應(yīng)用戶操作。
• 按需加載數(shù)據(jù)
  您可以根據(jù)需要?jiǎng)?chuàng)建樹形結(jié)構(gòu)，在展開父節(jié)點(diǎn)時(shí)動(dòng)態(tài)創(chuàng)建和初始化子節(jié)點(diǎn)。
• Tree-Traversal API
  為了簡(jiǎn)化對(duì)分層數(shù)據(jù)的管理（無需編寫額外的遞歸代碼），TreeList附帶了一個(gè)易于使用的API，因此您可以從指定節(jié)點(diǎn)開始依次訪問節(jié)點(diǎn)，直到最后一個(gè)節(jié)點(diǎn)。

創(chuàng)建和分配視圖

您可以通過給屬性分配以下對(duì)象來指定DevExpress WPF GridControl的視圖。

• TableView
• TreeListView
• CardView

注意：DevExpress WPF GridControl默認(rèn)使用TableView。

在設(shè)計(jì)時(shí)分配視圖

下面的例子展示了如何在標(biāo)記中給GridControl分配一個(gè)TreeListView：

XAML

<dxg:GridControl ItemsSource="{Binding Employees}">
<dxg:GridControl.View>
<dxg:TreeListView KeyFieldName="ID" ParentFieldName="ParentID"/>
</dxg:GridControl.View>
<dxg:GridColumn FieldName="Name"/>
<dxg:GridColumn FieldName="Position"/>
<dxg:GridColumn FieldName="Department"/>
</dxg:GridControl>

在運(yùn)行時(shí)分配視圖

下面的例子展示了如何在代碼中分配一個(gè)CardView給GridControl：

C#

using DevExpress.Xpf.Grid;

// ...
public Window1() {
InitializeComponent();
grid.View = new CardView() {
NavigationStyle = GridViewNavigationStyle.Cell,
AllowGrouping = false
};
grid.DataSource = new nwindProductsDataSetTableAdapters.ProductsTableAdapter().GetData();
}

VB.NET

Imports DevExpress.Xpf.Grid

' ...
Class Window1
Public Sub New()
InitializeComponent()
grid.View = New CardView() With {
.NavigationStyle = GridViewNavigationStyle.Cell, _
.AllowGrouping = False
}
grid.DataSource = New nwindDataSetTableAdapters.CustomersTableAdapter().GetData()
End Sub
End Class