WPF DataTrigger显示和隐藏网格列XAML

Question

我有一个包含网格的WPF应用程序.网格被分成3列,第3个网格在加载时具有零宽度.

我在另外两列中有两个数据网格.当其中一个datagrid中的所选项更改时,其他datagrid会更改其显示值,即主详细信息模板.一切正常.

数据网格中有一个值,如果选中,我希望第3列将其宽度从零更改为2*.我不知道怎么做？

我希望通过XAML实现这一目标.我一直在关注数据触发器和值转换器.我在下面快速编写了一些代码进行测试.我已经读过将列设置为width = 0,依赖项属性设置优先级列表中可能更高.无论如何要做到这一点还是我需要使用代码？

 <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition Width="2*"/>
        <ColumnDefinition Width="0"/>
    </Grid.ColumnDefinitions>

    <DataGrid Grid.Column="0"
              ItemsSource="{Binding OrderList}"
              SelectedItem="{Binding OrderSelected}"                  
              AutoGenerateColumns="True">                                    
    </DataGrid>

    <TextBox Grid.Column="1" Text="{Binding OrderSelected.Name}">
    </TextBox>

    <Grid x:Name="columnHideSeek" Grid.Column="2" Background="Blue">
        <Grid.Style>
            <Style>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding OrderSelected.Name}" Value="Mark">
                        <Setter Property="Grid.Width" Value="10"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>
    </Grid>

</Grid>

Answer 1

使用正确DataTrigger,这是完全可能的.首先,添加Trigger要更改的UI元素... ColumnDefinition,而不是Grid:

<ColumnDefinition>
    <ColumnDefinition.Style>
        <Style TargetType="{x:Type ColumnDefinition}">
            <Setter Property="Width" Value="10" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding OrderSelected.Name}" Value="Mark">
                    <Setter Property="Width" Value="2*" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ColumnDefinition.Style>
</ColumnDefinition>

接下来,不要Width在ColumnDefinition元素上设置,而是在Style相反的位置.否则,元素Width上的ColumnDefinition元素将覆盖从中设置的值DataTrigger.