user2837961
user2837961

Reputation: 1555

Context menu on Treeview

How can I have a context menu in a DataTrigger on treeview? The code below does not trigger the context menu eg I want the menu on "Symbols" as well. Although I have a context menu on HierarchicalDataTemplate which works fine but only on child elements. The root on the treeview does not have a menu

<HierarchicalDataTemplate x:Key="NameTemplate" ItemsSource="{Binding Path=ChildPlanner}">
  <HierarchicalDataTemplate.ItemContainerStyle>
      <Style>
          <Style.Triggers>
             <DataTrigger Binding="{Binding IsFolder}" Value="True">
                <Setter Property="TreeViewItem.ContextMenu" Value="{StaticResource AddNewSymbol}"/>
            </DataTrigger>
          </Style.Triggers>
      </Style>
  </HierarchicalDataTemplate.ItemContainerStyle>
  <StackPanel Orientation="Horizontal" Margin="2">
     <TextBlock Text="{Binding Path=Name}" FontWeight="Bold">
     </TextBlock>
  </StackPanel>
</HierarchicalDataTemplate>

<TreeView Name="SymbolsTreeView">
   <TreeView.ItemContainerStyle>
      <Style TargetType="{x:Type TreeViewItem}">
         <Style.Triggers>
            <DataTrigger Binding="{Binding IsFolder}" Value="True">
               <Setter Property="ContextMenu" Value="{StaticResource AddNewSymbol}"/>
            </DataTrigger>
         </Style.Triggers>
      </Style>
   </TreeView.ItemContainerStyle>
   <TreeViewItem Header="Symbols" IsExpanded="True" ItemsSource="{Binding PlannerTreeList}" ItemTemplate="{StaticResource NameTemplate}"/>
</TreeView>

Imagine my tree is

Symbols
  Current
    Menu1Folder
    Menu2Folder
      Menu2Item
      Menu2AnotherItem
    Current1Item

The HierarchicalDataTemplate's menu works for menu1folder onwards which is ok. But I want it to work for Current1Item, Current and Symbols. Since Current1Item is not a folder, there should be no menu for it but Current and Symbols are folders

<TreeView.Resources>
    <Style TargetType="{x:Type TreeViewItem}">
        <Setter Property="ContextMenu" Value="{StaticResource AddNewSymbol}"/>
    <Style.Triggers>
      <DataTrigger Binding="{Binding IsFolder,RelativeSource={RelativeSource Self}}" Value="False">
          <Setter Property="ContextMenu" Value="{x:Null}"/>
       </DataTrigger>                                
    </Style.Triggers>
 </Style>
</TreeView.Resources>

Upvotes: 0

Views: 133

Answers (1)

Krishna
Krishna

Reputation: 1996

Edit - Try this new code. I am using a converter to show and hide the contextmenu based on your property. It works with my sample code. Let me know if you want my sample code.

 <Grid>
    <Grid.Resources>
        <BooleanToVisibilityConverter x:Key="VisibilityConverter" />
        <ContextMenu x:Key="MenuOne" Visibility="{Binding IsFolder,Converter={StaticResource VisibilityConverter}}">
            <MenuItem Header="Add Folder" Command="{Binding AddFolderCommand}"/>
            <MenuItem Header="Add Item" Command="{Binding AddItemCommand}"/>
        </ContextMenu>
    </Grid.Resources>
    <TreeView Name="SymbolsTreeView" ItemsSource="{Binding Items}">
        <TreeView.Resources>
            <HierarchicalDataTemplate DataType="{x:Type local:MyTreeViewItem}" ItemsSource="{Binding Items}">
                <ContentControl>

                <TextBlock Text="{Binding Name}"/>
                </ContentControl>

            </HierarchicalDataTemplate>
            <Style TargetType="TreeViewItem">
                <Setter Property="ContextMenu" Value="{StaticResource MenuOne}"/>
                <Setter Property="IsExpanded" Value="True"/>
            </Style>
        </TreeView.Resources>
    </TreeView>
</Grid>

Upvotes: 2

Related Questions