Question

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

根据代码中的数据，计划使图像可见或不可见（隐藏或折叠无关紧要）。我为此绑定了一个Visibility值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));
}

Answer 1

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

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

在RowDetailsTemplate中隐藏/折叠图像

1 个答案: