WPF 在 ItemsControl 的工具提示中显示来自多个 DataContext 的数据

Question

我正在尝试显示由 ItemsControl 生成的项目的工具提示，该项目需要从概念上不相关的源中提取数据。例如，假设我有一个 Item 类，如下所示：

public class Item
{
    public string ItemDescription { get; set; }
    public string ItemName { get; set; }
}

我可以使用工具提示在 ItemsControl 中显示该 Item，如下所示：

<ItemsControl x:Name="itemsControl" ItemsSource="{Binding Items}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding ItemName}">
                <TextBlock.ToolTip>
                    <ToolTip>
                        <TextBlock Text="{Binding ItemDescription}" />
                    </ToolTip>
                </TextBlock.ToolTip>
            </TextBlock>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

但是假设我有另一个可以通过 DataContext 访问的属性>项目控制。有什么方法可以从工具提示中执行此操作吗？例如，

<ItemsControl x:Name="itemsControl" ItemsSource="{Binding Items}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding ItemName}">
                <TextBlock.ToolTip>
                    <ToolTip>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                            </Grid.RowDefinitions>
                            <TextBlock Text="{Binding ItemDescription}" />
                            <TextBlock Grid.Row="1" Text="{Bind this to another property of the ItemsControl DataContext}" />
                        </Grid>
                    </ToolTip>
                </TextBlock.ToolTip>
            </TextBlock>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

我使用的测试窗口的代码如下：

public partial class Window1 : Window
{
    public Window1()
    {
        InitializeComponent();

        List<Item> itemList = new List<Item>() {
            new Item() { ItemName = "First Item", ItemDescription = "This is the first item." },
            new Item() { ItemName = "Second Item", ItemDescription = "This is the second item." } 
        };

        this.Items = itemList;
        this.GlobalText = "Something else for the tooltip.";
        this.DataContext = this;
    }

    public string GlobalText { get; private set; }

    public List<Item> Items { get; private set; }
}

因此，在这个示例中，我想显示 GlobalText 属性的值（实际上这将是另一个自定义对象）。

让事情变得复杂的是，我实际上正在使用 DataTemplates 并在 ItemsControl 中显示两种不同类型的对象，但任何帮助将不胜感激！

Answer 1

经过一个小时的胡思乱想，我确信您不能在 DataTemplate 中引用另一个 DataContext 作为工具提示。对于其他绑定来说，正如其他海报所证明的那样，这是完全可能的。这就是为什么你也不能使用relativesource技巧。您可以做的是在 Item 类上实现一个静态属性并引用该：

<Window x:Class="ToolTipSpike.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300"
    Name="Root"
    xmlns:ToolTipSpike="clr-namespace:ToolTipSpike">
    <Grid>
        <ItemsControl x:Name="itemsControl" ItemsSource="{Binding Items}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding ItemName}"> 
                        <TextBlock.ToolTip>
                            <ToolTip>
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition />
                                        <RowDefinition />
                                    </Grid.RowDefinitions>
                                    <TextBlock Text="{Binding ItemDescription}" />
                                    <TextBlock Grid.Row="1" 
                   Text="{Binding Source={x:Static ToolTipSpike:Item.GlobalText},
                   Path=.}"
                                    />
                                </Grid>
                            </ToolTip>
                        </TextBlock.ToolTip>
                    </TextBlock>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</Window>

using System.Collections.Generic;
using System.Windows;

namespace ToolTipSpike
{
    public partial class Window1 : Window
    {

        public List<Item> Items { get; private set; }
        public Window1()
        {
            InitializeComponent();
            var itemList = new List<Item>
                  {
                      new Item { ItemName = "First Item", ItemDescription = "This is the first item." },
                      new Item { ItemName = "Second Item", ItemDescription = "This is the second item." }
                  };
            this.Items = itemList;
            this.DataContext = this;
       }
    }

     public class Item
     {
         static Item()
         {
             GlobalText = "Additional Text";
         }
         public static string GlobalText { get; set; }
         public string ItemName{ get; set;}
         public string ItemDescription{ get; set;}
     }
}

Answer 2

第二次尝试

好的，相对源绑定在这种情况下不起作用。它实际上是根据数据模板工作的，您可以在互联网上找到许多这样的示例。但是在这里（你是对的，大卫，在你的评论中）工具提示是一个特殊的野兽，没有正确放置在 VisualTree 中（它是一个属性，而不是控件本身），并且它无法访问正确的名称范围使用相对绑定。

经过更多搜索后，我发现这篇文章，它详细描述了这种效果并提出了实现方案BindableToolTip 的。

这可能有点过头了，因为您还有其他选择，例如在类上使用静态属性（如 Dabblernl 的响应中所示）或向您的 Item 添加新的实例属性。

第一次尝试:)

您应该咨询相对源绑定类型（在此备忘单例如）：

因此您的绑定看起来与此类似：

{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path= GlobalText}

Answer 3

Yacoder 几乎是正确的，但 Dabblernl 猜出了错误；）

您的思维方式是正确的，可以引用 ItemsControl 的 DataContext

您在路径中缺少 DataContext 属性：

{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path=DataContext.GlobalText}

第二次尝试；）

< a href="http://blogs.msdn.com/tom_mathews/archive/2006/11/06/binding-a-tooltip-in-xaml.aspx" rel="nofollow noreferrer">http://blogs.msdn .com/tom_mathews/archive/2006/11/06/binding-a-tooltip-in-xaml.aspx

这是一篇存在同样问题的文章。他们可以通过 PlacementTarget 属性引用其父控件的 DataContext：

<ToolTip DataContext=”{Binding RelativeSource={RelativeSource Self},Path=PlacementTarget.Parent}”>

如果您将 DataContext 放置在更深的级别，则可以避免更改 Item DataContext

第二个建议（Neil 和 Adam Smith）是我们可以在绑定中使用 PlacementTarget。这很好，因为我实际上已经从托管 DataControl 的页面继承了 DataContext，这将允许 ToolTip 重新获得对原始控件的访问权限。不过，正如 Adam 指出的，您必须了解标记之外的父/子结构：

Answer 4

在这种情况下，我认为在概念上在视图模型中执行此操作比在视图中执行此操作更合适。将工具提示信息作为视图模型项的属性公开给视图。这让视图可以做它擅长的事情（呈现项目的属性），视图模型也可以做它擅长做的事情（决定应该呈现什么信息）。

Answer 5

我遇到了一个非常相似的问题，并提出这个问题来寻求答案。最后，我想出了一个不同的解决方案，该解决方案适用于我的情况，并且可能对其他人有用。

在我的解决方案中，我向引用父模型的子项添加了一个属性，并在生成子项时填充它。然后，在工具提示的 XAML 中，我只需引用每个元素上父模型的属性，并将 DataContext 设置为父模型属性。

我觉得这个解决方案比在 XAML 中创建代理元素并引用它们更舒服。

使用此问题的示例代码，您将执行以下操作。请注意，我尚未在编译器中测试此场景，但已在我自己的场景的代码中成功实现了此解决方案。

项目：

public class Item
{
    public List<Item> Parent { get; set; }
    public string ItemDescription { get; set; }
    public string ItemName { get; set; }
}

窗口：

public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();

            List<Item> itemList = new List<Item>();
            itemList.Add(new Item() { Parent = this, ItemName = "First Item", ItemDescription = "This is the first item." });
            itemList.Add(new Item() { Parent = this, ItemName = "Second Item", ItemDescription = "This is the second item." });


            this.Items = itemList;
            this.GlobalText = "Something else for the tooltip.";
            this.DataContext = this;
        }

        public string GlobalText { get; private set; }

        public List<Item> Items { get; private set; }
    }

XAML：

<ItemsControl x:Name="itemsControl" ItemsSource="{Binding Items}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding ItemName}">
                <TextBlock.ToolTip>
                    <ToolTip>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                            </Grid.RowDefinitions>
                            <TextBlock Text="{Binding ItemDescription}" />
                            <TextBlock Grid.Row="1" DataContext={Binding Parent} Text="{Bind this to aproperty of the parent data model}" />
                        </Grid>
                    </ToolTip>
                </TextBlock.ToolTip>
            </TextBlock>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>