Question

当用户在DataGrid中悬停一行时，我想显示一个弹出窗口，其中包含有关此行的一些信息。我已经解决了如何将DataTrigger绑定到动态填充的DataGrid表中的每一行。

我找到了仅适用于工具提示的解决方案，但工具提示并不适合我，因为我需要对弹出窗口进行更多控制（当用户将鼠标光标移动到另一个控件时，不要立即隐藏它，能够用鼠标点击弹出窗口等。）

以下是XAML代码，我试图将弹出式DataTrigger绑定到每个DataGrid行（我在下面的代码中提出了带有问题的注释）

<Window x:Class="VKPN.UI.Windows.TestWindow"
        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:VKPN.UI.Windows"
        mc:Ignorable="d"
        Title="TestWindow" SizeToContent="WidthAndHeight">
    <Grid>
        <Popup Name="UserPopup" Placement="RelativePoint" HorizontalOffset="-5" VerticalOffset="0"
                                   PlacementTarget="{Binding ElementName=ThisUserControl}">
            <Popup.Style>
                <Style TargetType="Popup">
                    <Style.Triggers>
                        <!--How to specify binding to every DataGridTable row below?-->
                        <DataTrigger Binding="{Binding ElementName=DataGridTable, Path=???}" Property="IsMouseOver" Value="True">
                            <Setter Property="IsOpen" Value="True"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Popup.Style>
            <Label>
                <Label.Style>
                <Style TargetType="Label">
                    <Style.Triggers>
                        <!--How to specify binding to every DataGridTable row below?-->
                        <DataTrigger Binding="{Binding ElementName=???}" Property="IsMouseOver" Value="True">
                            <!--DataGrid row has a column "id" which I want to show in the label. Did I do it correct below?-->
                            <Setter Property="Content" Value="{Binding RelativeSource={RelativeSource Mode=Self}, Path=DataContext.id}"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
                </Label.Style>
            </Label>
        </Popup>
            <DataGrid Name="DataGridTable" ItemsSource="{Binding}" IsReadOnly="True" ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto">
            </DataGrid>
    </Grid>
</Window>

请帮我弄明白该怎么做。

Answer 1

创建名为AttachedProperty和RowPopup的2 ShowPopup。 RowPopup将引用Popup控件，ShowPopup将根据Popup属性显示/隐藏此DataGridRow.IsMouseOver。这些非常容易实现。
使用TargetType Style创建DataGridRow。

实施例，

的xmlns：本地= “CLR-名称空间：myNameSpace对象”

<Style TargetType="DataGridRow" x:Key="RowStyleKey">
       <Setter Property="local:CustomADP.RowPopup" Value="{Binding ElementName=Popup1}"/>
       <Setter Property="local:CustomADP.ShowPopup" Value="{Binding IsMouseOver, Mode=OneWay, RelativeSource={RelativeSource Self}}"/>
</Style>

<DataGrid RowStyle="{StaticResource RowStyleKey}" ... />

AttachedProperties Code：

public class CustomADP
    {
        /********* Set Popup to show ****************/

        public static Popup GetRowPopup(DependencyObject obj)
        {
            return (Popup)obj.GetValue(RowPopupProperty);
        }

        public static void SetRowPopup(DependencyObject obj, Popup value)
        {
            obj.SetValue(RowPopupProperty, value);
        }

        public static readonly DependencyProperty RowPopupProperty =
            DependencyProperty.RegisterAttached("RowPopup", typeof(Popup), typeof(CustomADP), new PropertyMetadata(null));            

        /************* Show Hide using IsOpen property ************/

        public static bool GetShowPopup(DependencyObject obj)
        {
            return (bool) obj.GetValue(ShowPopupProperty);
        }

        public static void SetShowPopup(DependencyObject obj, bool value)
        {
            obj.SetValue(ShowPopupProperty, value);
        }

        // Using a DependencyProperty as the backing store for ShowPopup. This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ShowPopupProperty =
            DependencyProperty.RegisterAttached("ShowPopup", typeof(bool), typeof(CustomADP), new PropertyMetadata(false, new PropertyChangedCallback(ShowPopupCallback)));

        private static void ShowPopupCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {         
            if (!(d is DataGridRow))
                return;

            if (((DataGridRow)d).IsFocused == true)
            {              
                Popup p = CustomADP.GetRowPopup(d);
                p.IsOpen = Convert.ToBoolean(e.NewValue);
            }
            else
            {
                Popup p = CustomADP.GetRowPopup(d);
                p.IsOpen = Convert.ToBoolean(e.NewValue);
            }
        }
    }

在DataGrid行鼠标上显示带有绑定的弹出窗口

1 个答案: