Question

我有下一个WPF树视图：

        <TreeView HorizontalAlignment="Left" Margin="6,0,0,32" Name="tvProductos" Width="158">
            <TreeViewItem Header="Securities" IsExpanded="True" FontWeight="Bold">
                <TreeViewItem Header="Country" Name="Country" FontWeight="Normal" />
                <TreeViewItem Header="Currency" Name="Currency" FontWeight="Normal" />
                <TreeViewItem Header="Type" Name="Type" FontWeight="Normal" />
                <TreeViewItem Header="ISIN" Name="ISIN" FontWeight="Normal" />
                <TreeViewItem Header="Description" Name="Description" FontWeight="Normal" />
            </TreeViewItem>
            <TreeViewItem Header="Issuer" IsExpanded="True" FontWeight="Bold">
                <TreeViewItem Header="Name" Name="IssuerName" FontWeight="Normal" />
                <TreeViewItem Header="Type" Name="IssuerType" FontWeight="Normal" />
                <TreeViewItem Header="Market" Name="IssuerMarket" FontWeight="Normal" />
            </TreeViewItem>
        </TreeView>

这种结构是固定的。然后我使用如下代码绑定低级TreeViewItem：

        Country.ItemsSource = (from d in db.PAISES
                               join p in db.PRODUCTOS on d.IDPAIS equals p.IDPAIS
                               select d.NOMBREPAIS).Distinct();
        Currency.ItemsSource = (from d in db.DIVISAS
                                join p in db.PRODUCTOS on d.IDDIVISA equals p.IDDIVISA
                                select d.NOMBREDIVISA).Distinct();
        Type.ItemsSource = (from d in db.TIPOSPRODUCTO
                            join p in db.PRODUCTOS on d.IDTIPOPRODUCTO equals p.IDTIPOPRODUCTO
                            select d.NOMBRETIPOPRODUCTO).Distinct();
        ...

问题是我需要在每个节点上添加一个复选框（低级别和高级别）。我一直在寻找解决方案，最好的解决方案是使用HierarchicalDataTemplate。但我从未找到过同时具有固定和动态节点的示例。我尝试了几个例子，但我无法解决它。

你能帮我解决这个问题吗？

提前谢谢。

亲切的问候。

Answer 1

我这样做的方法是使用一个辅助类来表示可以检查的项目（有些人称之为“视图模型”）：

public class SelectableItem
{
    public bool IsSelected { get; set; }
    public string Label { get; set; }
}

这允许您为此特定类型指定DataTemplate：

<TreeView HorizontalAlignment="Left" Margin="6,0,0,32" Name="tvProductos" Width="158">
    <TreeView.Resources>
        <DataTemplate DataType="{x:Type local:SelectableItem}" xmlns:local="clr-namespace:WpfApplication1">
            <StackPanel Orientation="Horizontal">
                <CheckBox IsChecked="{Binding IsSelected}" />
                <TextBlock Text="{Binding Label}" />
            </StackPanel>
        </DataTemplate>
    </TreeView.Resources>
    <TreeViewItem Header="Securities" IsExpanded="True" FontWeight="Bold">
        <TreeViewItem Header="Country" Name="Country" FontWeight="Normal" />
        <TreeViewItem Header="Currency" Name="Currency" FontWeight="Normal" />
        <TreeViewItem Header="Type" Name="Type" FontWeight="Normal" />
        <TreeViewItem Header="ISIN" Name="ISIN" FontWeight="Normal" />
        <TreeViewItem Header="Description" Name="Description" FontWeight="Normal" />
    </TreeViewItem>
    <TreeViewItem Header="Issuer" IsExpanded="True" FontWeight="Bold">
        <TreeViewItem Header="Name" Name="IssuerName" FontWeight="Normal" />
        <TreeViewItem Header="Type" Name="IssuerType" FontWeight="Normal" />
        <TreeViewItem Header="Market" Name="IssuerMarket" FontWeight="Normal" />
    </TreeViewItem>
</TreeView>

您需要做的就是略微修改数据源：

Country.ItemsSource = (from d in db.PAISES
                       join p in db.PRODUCTOS on d.IDPAIS equals p.IDPAIS
                       select new SelectableItem { Label = d.NOMBREPAIS }).Distinct();

这应该可以解决问题。

在数据绑定WPF树视图叶中开发复选框

1 个答案: