在用户控件中设置树视图的ItemTemplateSelector

时间:2014-07-10 11:17:27

标签: c# wpf xaml treeview datatemplate

我对我创建的用户控件有疑问。此控件由搜索文本框和树视图组成。树视图显示不同节点类型的不同数据模板。所以我使用datatemplate类型的依赖项属性创建了usercontrol,可以在使用我的控件时绑定它。在控件内部,treeview绑定到依赖项属性。但遗憾的是,treeviewtemplate选择器没有被调用。

<UserControl x:Class="yyy.yyy.yyy.UI.UserControls.SearchableTreeView.SearchableTreeView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:behaviours="clr-namespace:yyy.yyy.yyy.UI.Behaviours;assembly=yyy"
         mc:Ignorable="d"
         x:Name="parent"
         d:DesignHeight="300" d:DesignWidth="300">
<DockPanel DataContext="{Binding ElementName=parent}">
    <TextBox DockPanel.Dock="Top" Margin="5" Text="{Binding SearchText, UpdateSourceTrigger=PropertyChanged}"/>
    <TreeView DockPanel.Dock="Top" Margin="5" ItemsSource="{Binding TreeViewItems}" ItemTemplateSelector="{Binding TreeViewTemplateSelector}">
        <TreeView.ItemContainerStyle>
            <Style TargetType="{x:Type TreeViewItem}">
                <Setter Property="HorizontalContentAlignment" Value="Left" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="behaviours:TreeViewItemBehaviour.IsBroughtIntoViewWhenSelected" Value="true"/>
                <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
                <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="Visibility" Value="Visible"/>
                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="FontWeight" Value="Bold" />
                    </Trigger>
                    <DataTrigger Binding="{Binding Path=IsVisible}" Value="false">
                        <Setter Property="Visibility" Value="Collapsed"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TreeView.ItemContainerStyle>
    </TreeView>
</DockPanel>

依赖项属性背后的代码如下所示:

    public partial class SearchableTreeView : UserControl
  {
public SearchableTreeView()
{
  InitializeComponent();
}

public static readonly DependencyProperty TreeViewTemplateSelectorProperty = DependencyProperty.Register(
  "TreeViewTemplateSelector", typeof (DataTemplateSelector), typeof (SearchableTreeView), new PropertyMetadata(default(DataTemplateSelector)));

public DataTemplateSelector TreeViewTemplateSelector
{
  get { return (DataTemplateSelector) GetValue(TreeViewTemplateSelectorProperty); }
  set { SetValue(TreeViewTemplateSelectorProperty, value); }
}


}

用户控件在xaml中使用:

    <searchableTreeView:SearchableTreeView TreeViewTemplateSelector="{StaticResource TreeViewFieldTemplateSelector}"/>

TreeViewFieldTemplateSelector是一个类型为datatemplateselector的类,在我从startet创建用户控件之前已经完成了可搜索的树视图。

有人知道我做错了什么吗?或者是否无法将datatemplateselector直接绑定到树视图?

由于

曼努埃尔

1 个答案:

答案 0 :(得分:1)

使用DataTemplateSelector使您的系统变得复杂。虽然 是真的,这些对象是为此目的而创建的,但是有一种更简单的方法来实现您的要求。基本上,如果您为每种数据类型声明DataTemplate而未指定x:Key,则它们将隐式应用于所有正确类型的对象:

<DataTemplate DataType="{x:Type YourPrefix:YourDataType">
    ...
</DataTemplate>
<DataTemplate DataType="{x:Type YourPrefix:YourOtherDataType">
    ...
</DataTemplate>
<DataTemplate DataType="{x:Type YourPrefix:SomeOtherDataType">
    ...
</DataTemplate>

现在,如果您将这些数据类型的项目放入集合并将数据绑定到集合控件,那么您将看到各种项目按预期呈现,但没有DataTemplateSelector的复杂性。


更新&gt;&gt;&gt;

好的,请尝试相反...首先删除DataContext="{Binding ElementName=parent}"设置,然后为RelativeSource Binding属性添加TreeViewTemplateSelector

<DockPanel>
    <TextBox DockPanel.Dock="Top" Margin="5" Text="{Binding SearchText, 
         UpdateSourceTrigger=PropertyChanged}"/>
    <TreeView DockPanel.Dock="Top" Margin="5" ItemsSource="{Binding TreeViewItems}"
        ItemTemplateSelector="{Binding TreeViewTemplateSelector, RelativeSource={
        RelativeSource AncestorType={x:Type YourPrefix:SearchableTreeView}}}">
        <TreeView.ItemContainerStyle>
            ...
        </TreeView.ItemContainerStyle>
    </TreeView>
</DockPanel>