使用模板和样式创建可编辑的树形视图节点

Question

我试图在WPF中创建一个可编辑的树形视图节点。我阅读了这篇文章，但他把最关键的部分留作“作业”，并以一张现在已经消失的图片的形式给了一个提示。对于我来说，这使得他的整篇博客帖子变得毫无用处。除此之外，我认为它非常不错。

我有以下的树形视图模板，我省略了属性。

            <HierarchicalDataTemplate>
                <StackPanel>
                    <Image/>
                    <TextBlock/>
                </StackPanel>
            </HierarchicalDataTemplate>

创建一个新的数据模板

            <DataTemplate x:Key="editableName">
                <TextBox/>
            </DataTemplate>

使用以下触发器，在树视图中选择节点时更改模板。

<Style TargetType="{x:Type TreeViewItem}">    
 <Style.Triggers>
   <Trigger Property="IsSelected" Value="True">
       <Setter Property="SOMEPATH!!!" Value="{StaticResource editableName}" />
   </Trigger>
 </Style.Triggers>
</Style>

我需要在HierarchicalDataTemplate/StackPanel/TextBlock.HeaderTemplate中插入数据模板的路径，从这个TreeViewItem的触发器开始。是我做法有误吗？

非常感谢您的帮助。

- CodeMonkey

Answer 1

        <TreeView x:Name="MyTreeView">
            <TreeView.Resources>
                <DataTemplate x:Key="NormalTemplate">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding ID}" Margin="3"/>
                        <TextBlock Text="-" Margin="3"/>
                        <TextBlock Text="{Binding Name}" Margin="3"/>
                    </StackPanel>
                </DataTemplate>
                <DataTemplate x:Key="EditTemplate">
                    <TextBox Text="{Binding Name}"/>
                </DataTemplate>
            </TreeView.Resources>
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate
                             ItemsSource="{Binding Team}">
                    <ContentPresenter Content="{Binding}">
                        <ContentPresenter.Style>
                            <Style TargetType="{x:Type ContentPresenter}">
                                <Setter Property="ContentTemplate"
                                        Value="{StaticResource
                                                NormalTemplate}"/>
                                <Style.Triggers>
                                    <DataTrigger
                                         Binding="{Binding IsSelected,
                                         RelativeSource={RelativeSource
                                              FindAncestor,
                                         AncestorType={x:Type TreeViewItem}}}"
                                              Value="True">
                                        <Setter Property="ContentTemplate"
                                                Value="{StaticResource
                                                        EditTemplate}" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ContentPresenter.Style>
                    </ContentPresenter>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView> 

- WPF-it

---

谢谢，我自己用DataTrigger和ContentControl以稍微不同的方式解决了这个问题。但我认为你的方法可能更好 :) - CodeMonkey

Answer 2

应该是ItemTemplate。

这是修改TreeViewItem的主体的属性。要修改标题，请使用HeaderTemplate。

- Louis Kottmann