隐藏 UWP DataGrid 中的列

Question

我正在使用 Windows Community Toolkit for UWP 中的 DataGrid 控件，但我找不到动态隐藏或显示列的解决方案。

Runtime error: Failed to assign to property 'Microsoft.Toolkit.Uwp.Ui.Controls.DataGridColumn.Visibility'

<controls:DataGrid x:Name="TradeGrid">
  <controls:DataGridTextColumn
    x:Uid="DataColumnPositionContract"
    Width="SizeToCells"
    Binding="{Binding Path=TradePosition.Contract.Name}"
    Tag="Contract"
    Visibility="{Binding ElementName=TradeGrid, Path=DataContext.IsContractVisible, Converter={StaticResource BoolToVisConv}}" />
</controls:DataGrid>

视图模型结构如下：

PageViewModel（绑定到页面）

• 项目列表（DataGrid 的项目源）
• 列可见性属性

ItemViewModel（列的DataContext）

• 项目属性

转换器是工具包提供的转换器。要绑定的布尔属性不是列 (ItemViewModel) 的 DataContext 的一部分。我需要访问父视图模型（PageViewModel）来获取属性。

谁能告诉我如何绑定到 DataGridColumn 的 Visibility 属性？

如果在 UWP 中无法以这种方式绑定，我愿意接受其他解决方案。

谢谢！

Answer 1

首先，根据您提供的代码，我无法重现运行时错误。

其次，DataGridTextColumn 的Visibility 属性不是source code 的依赖属性，因此绑定将不起作用。

因此，当您知道要隐藏或显示的目标列时，可以尝试将Visibility 属性的值直接设置为Visibility.Collapsed 或Visibility.Visible。

更新：

如果你想直接设置Visibility属性，你需要知道目标列的索引（如“0”），并在代码隐藏的方法中编写代码，如Click按钮上的事件处理程序，如下所示：

dataGrid1.Columns.ElementAt(0).Visibility = Visibility.Visible;

您可以使用 {x:Bind} 扩展而不是 {Binding} 扩展来显示或隐藏 DataGrid 中的列，并且绑定源类需要实现System.ComponentModel.InotifyPropertyChanged，像这样

<controls:DataGridTextColumn 
            ……    Visibility="{x:Bind SourceClass.Visible,Mode=OneWay}"  />

您可以更改SourceClass.Visible 的值以在运行时显示或隐藏列。