将 BooleanToVisibilityConverter 绑定到 TreeView 分层数据模板中的控件

本文关键字:控件 数据 分层 BooleanToVisibilityConverter 绑定 TreeView | 更新日期: 2023-09-27 18:36:43

我有一个绑定到数据集的 TreeView 对象。 在 TreeView.ItemTemplate 中,我正在使用包含我正在呈现的控件的 HierarchicalDataTemplate。

有谁知道如何更改分层数据模板中控件的可见性属性?我尝试使用.NET框架中的BooleanToVisibilityConverter,但无法使绑定正常工作。

我的视图模型中名为"moveButtonVisibility"的布尔变量绑定到我的 XAML 中按钮的可见性属性。然后,BooleanToVisibilityConverter 尝试将相应的布尔值(真/假)转换为可见性值(可见/隐藏)。"moveButtonVisibility" 不是 TreeView 的 ItemSource 的一部分。

我的代码的精简版本如下所示。我已经删除了 XAML 中的所有代码,除了要更改可见性属性的按钮控件"MoveHereButton"

视图模型 (C#):

private bool _moveButtonVisibility;
public bool moveButtonVisibility
{
    get { return _moveButtonVisibility; }
    set
    {
        _moveButtonVisibility = value;
        RaiseChange("moveButtonVisibility");
    }
}

视图 (XAML):

<Page>
     <Page.Resources>
         <BooleanToVisibilityConverter x:Key="visibilityConverter"/>
     </Page.Resources>
     <Grid HorizontalAlignment="Center" VerticalAlignment="Top">
        <TreeView HorizontalAlignment="Center" x:Name="treeView1" VerticalAlignment="Top" ItemsSource="{Binding Path=rsParentChild}"  Background="Transparent" BorderThickness="0" BorderBrush="Transparent" >
            <TreeView.ItemContainerStyle>
               <Style>
                  <Setter Property="TreeViewItem.IsExpanded" Value="True"/>
               </Style>
            </TreeView.ItemContainerStyle>
            <TreeView.ItemTemplate>
                 <HierarchicalDataTemplate ItemsSource="{Binding Path=rsParentChild, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                        <Grid Focusable="False" Margin="5,10,5,10">
                           <Grid.ColumnDefinitions>
                               <ColumnDefinition Width="1*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                             </Grid.RowDefinitions>
                             <Button Name="MoveHereButton" Content="Move Here" Visibility="{Binding DataContext.moveButtonVisibility, Converter={StaticResource visibilityConverter}}" Click="MoveHereButton_Click" />
                        </Grid>
                 </HierarchicalDataTemplate>
             </TreeView.ItemTemplate>
        </TreeView>
    </Grid>
</Page>

将 BooleanToVisibilityConverter 绑定到 TreeView 分层数据模板中的控件

以下方法有效:

<Button Name="MoveHereButton"  
        Content="Move Here" 
        Visibility="{Binding DataContext.moveButtonVisibility, 
                      RelativeSource={RelativeSource AncestorType={x:Type Page}},
                      Converter={StaticResource visibilityConverter}}" 
        Click="MoveHereButton_Click" />

关键是要补充:

RelativeSource={RelativeSource AncestorType={x:Type Page}}

Visibility绑定内部,以强制控件使用PageDataContext