WPF将列表绑定到树视图并分组
我的ViewModel中有一个列表。我想根据属性将此列表对象分组,并在Treeview中显示它WPF将列表绑定到树视图并分组,wpf,treeview,Wpf,Treeview,我的ViewModel中有一个列表。我想根据属性将此列表对象分组,并在Treeview中显示它 我通过使用CollectionViewSource成功地做到了这一点。创建CollectionViewSource并设置组描述 <CollectionViewSource Source="{Binding ProductList}" x:Key="Items"> <CollectionViewSource.G
我通过使用CollectionViewSource成功地做到了这一点。创建CollectionViewSource并设置组描述
<CollectionViewSource Source="{Binding ProductList}"
x:Key="Items">
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName="Category" />
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
我在列表框中使用了GroupStyle来实现分组。但是,由于您需要树状视图UI,我们需要自定义GroupItem的ContainerStyle。将TreeViewItem模板放置到容器样式中。我实际上是从复制了TreeViewItem的默认模板
使用以下内容更改Product&ProductViewModel类:
class ProductsViewModel
{
private List<Product> productList;
public List<Product> ProductList
{
get
{ return productList; }
set
{ productList = value; }
}
}
class Product
{
private string name;
public string Name
{
get { return name; }
set { name = value; }
}
private string category;
public string Category
{
get { return category; }
set { category = value; }
}
private double price;
public double Price
{
get { return price; }
set { price = value; }
}
}
MainWindow.xaml
<Window x:Class="WpfApplication11.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<TreeView x:Name="treeView" HorizontalAlignment="Left" Height="178" Margin="85,24,0,0" VerticalAlignment="Top" Width="279"/>
</Grid>
</Window>
主窗口构造函数:
public MainWindow()
{
ProductsViewModel viewModel = new ProductsViewModel();
viewModel.ProductList = new List<Product>();
viewModel.ProductList.Add(new Product() { Name = "ABC", Category ="1", Price = 100 });
viewModel.ProductList.Add(new Product() { Name = "PQR", Category = "2", Price = 100 });
viewModel.ProductList.Add(new Product() { Name = "ABC", Category = "3", Price = 100 });
viewModel.ProductList.Add(new Product() { Name = "XYZ", Category = "2", Price = 100 });
InitializeComponent();
var GetCategories = viewModel.ProductList.Select(p => p.Category).Distinct();
foreach (var item in GetCategories)
{
TreeViewItem node = new TreeViewItem() { Header = item };
treeView.Items.Add(node);
var products = viewModel.ProductList.Where(p => p.Category == item).Select(p => p.Name).Distinct();
foreach (var product in products)
{
node.Items.Add(product);
}
}
}
class ProductsViewModel
{
private List<Product> productList;
public List<Product> ProductList
{
get
{ return productList; }
set
{ productList = value; }
}
}
class Product
{
private string name;
public string Name
{
get { return name; }
set { name = value; }
}
private string category;
public string Category
{
get { return category; }
set { category = value; }
}
private double price;
public double Price
{
get { return price; }
set { price = value; }
}
}
<Window x:Class="WpfApplication11.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<TreeView x:Name="treeView" HorizontalAlignment="Left" Height="178" Margin="85,24,0,0" VerticalAlignment="Top" Width="279"/>
</Grid>
</Window>
public MainWindow()
{
ProductsViewModel viewModel = new ProductsViewModel();
viewModel.ProductList = new List<Product>();
viewModel.ProductList.Add(new Product() { Name = "ABC", Category ="1", Price = 100 });
viewModel.ProductList.Add(new Product() { Name = "PQR", Category = "2", Price = 100 });
viewModel.ProductList.Add(new Product() { Name = "ABC", Category = "3", Price = 100 });
viewModel.ProductList.Add(new Product() { Name = "XYZ", Category = "2", Price = 100 });
InitializeComponent();
var GetCategories = viewModel.ProductList.Select(p => p.Category).Distinct();
foreach (var item in GetCategories)
{
TreeViewItem node = new TreeViewItem() { Header = item };
treeView.Items.Add(node);
var products = viewModel.ProductList.Where(p => p.Category == item).Select(p => p.Name).Distinct();
foreach (var product in products)
{
node.Items.Add(product);
}
}
}