在 RowDetailsTemplate 中隐藏/折叠图像

Posted 2023-04-12

【中文标题】在 RowDetailsTemplate 中隐藏/折叠图像

【英文标题】：Hide/Collapse Image in RowDetailsTemplate

【发布时间】：2019-05-19 22:30:18

【问题描述】：

我有一个带有 RowDetailsTemplate 的 WPF/XAML DataGrid。选择一行后，将显示带有图像和一些文本的详细信息。 到目前为止一切顺利。

计划是根据代码中的数据使图像可见或不可见（隐藏或折叠无关紧要）。我为此绑定了一个可见性值 OrderImg。

<Window x:Class="SomeDataGrid.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:SomeDataGrid"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <DataGrid Grid.Row="1" x:Name="MydataGrid" AutoGenerateColumns="False" Margin="10" 
                  SelectionChanged="MydataGrid_SelectionChanged" 
                  SelectionMode="Single" IsReadOnly="True"
                  >
        <DataGrid.Columns>
            <DataGridTextColumn Header="ID" Binding="Binding ID"/>
            <DataGridTextColumn Header="Product" Binding="Binding PRODUCT"/>
        </DataGrid.Columns>
        <DataGrid.RowDetailsTemplate>
            <DataTemplate>
                <WrapPanel Background="LightBlue">
                    <Image x:Name="imgOrder" Margin="10" Width="20" Height="20" 
                               Source="/shopping_cart.png" Visibility="Binding OrderVis" />
                    <StackPanel>
                        <TextBlock Margin="5" >
                                <Run Text="Binding ID"/>
                                <Run Text="-"/>
                                <Run Text="Binding PRODUCT"/>
                        </TextBlock>
                    </StackPanel>
                </WrapPanel>
            </DataTemplate>
        </DataGrid.RowDetailsTemplate>
    </DataGrid>
</Window>

MyDataGrid_SelectionChanged 将 imgOrder 值从 Visibility.Hidden 更改为 Visibility.Visible - 这在调试的消息框中也显示正常。当我在 DataGrid 之外添加另一个 Image 并将其可见性绑定到 OrderVis 时，它也会按预期对更改的选择做出反应。但在所选行的展开行详细信息中，我的图像始终可见。

我在这里做错了什么？谢谢！

PS： 简化选择更改触发器：

private void MydataGrid_SelectionChanged(object sender, SelectionChangedEventArgs e)

    Status = "";
    try
    
        if (sender != null)
        
            DataGrid grid = sender as DataGrid;
            if (grid != null && grid.SelectedItems != null && grid.SelectedItems.Count == 1)
            
                DataGridRow dgr = grid.ItemContainerGenerator.ContainerFromItem(grid.SelectedItem) as DataGridRow;
                DataRowView dr = (DataRowView)dgr.Item;
                SelectedID = dr[0].ToString();
                MySelectedIndex = dgr.GetIndex();
                if (SelectedID == "1234")
                
                    OrderVis = Visibility.Visible;
                    MessageBox.Show(SelectedID + "\r\n" + OrderVis.ToString()); //for debugging
                
                else
                
                    OrderVis = Visibility.Collapsed;
                    MessageBox.Show(SelectedID + "\r\n" + OrderVis.ToString()); //for debugging
                
            
        
    
    catch (Exception ex)
    
        MessageBox.Show(ex.Message.ToString());
    

OrderVis 更改触发器（如前所述，如果（或另一个）图像放置在 DataGrid 之外，它可以正常工作）：

...

using System.Data;
using System.Configuration;
using System.ComponentModel;
using System.Runtime.CompilerServices;

...

public partial class MainWindow : INotifyPropertyChanged

    public MainWindow()
    
        DataContext = this;
        InitializeComponent();
    

...

private Visibility _ordervis;

public Visibility OrderVis

    get
    
        return _ordervis;
    
    set
    
        if (_ordervis != value)
        
            _ordervis = value;
            OnPropertyChanged();
        
    


public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged([CallerMemberName] string propertyName = null)

    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

【问题讨论】：

见这里：***.com/q/19708548/1136211。 RowDetailsTemplate 似乎没有使用 Window 的 DataContext。

你是我今天的英雄，非常感谢！

【参考方案1】：

感谢 Clemens 链接，解决方案是更改图像可见性绑定：

<Image Margin="10" Width="20" Height="20" 
        Visibility="Binding RelativeSource=RelativeSource AncestorType=Window,  Path=OrderVis" Source="/shopping_cart.png"/>