SL 从 ListItem 数据模板内向 MainPage.xaml 的 ViewModel 触发命令

Question

我可能会让这变得比必要的更复杂......但是这里是。

我有我的 MainPage.xaml，其中我引用了另外两个 UserControl、ResultsView 和 DetailsView。

在 ResultsView 内部，我有一个绑定到自定义项目的 ObservableCollection 的 ListBox，我有一个正在渲染每个项目的 DataTemplate。该项目有一个 CaseID，当我单击它时，它会显示为 HyperlinkBut​​ton，我需要在 MainPageViewModel 中设置的命令才能触发，该命令处理更改可见性以隐藏 ResultsView 并显示 DetailsView。

如何将超链接按钮的命令绑定到 MainPageViewModel 中的命令？

提前致谢！

编辑以澄清：

MainPage.xaml

<resultsView:ResultsView/>
<detailsView:DetailsView/>

两个视图（ResultsView 和 DetailsView）中的每一个都有自己的 ViewModel。因此，我要从位于 ResultsView 内的 ListBox 中的 DataTemplate 开始，我需要转到 MainPageViewModel，这比您提到的答案多了一个步骤。尝试使用您的方法将我的 MainPage.xaml 命名为 Name="mainPage"，并将其用作我的 HyperlinkBut​​ton 中的 ElementName，但没有运气。我将对相对源选项进行一些研究，看看是否可以实现该功能。

感谢您迄今为止的帮助。

编辑 2：忘记添加 DataTemplate 位于 ResourceDictionary 中，而不是位于 ResultsView 中。

Answer 1

嗯，这取决于具体的细节，不是所有你告诉我们的，但我可以给你一些例子。

假设自定义项的 DataTemplate 位于 ResultsView 用户控件的 XAML 中。这是一个很好的位置，但您可能已将其放入资源字典中。

正如您所说，ListBox 绑定到自定义项的集合。我们进一步假设自定义项集合本身就是 MainPageViewModel 中的一个属性。而且您已经明确表示您要绑定的命令也在 MainPageViewModel 中。

因此，一个非常常见的问题是，您正在与集合绑定关联的模板内工作，因此您的 DataContext 是一个自定义项。它不再是主视图模型本身。这非常好，因为您可以显示自定义项目的适当属性，例如 CaseID。但是，当您想要转义到视图模型的顶层时，这就不太好了。

如果我所说的是真的，那么 ResultsView 用户控件实际上可能绑定到 MainPageViewModel 因为您还没有“深入”自定义项目集合。因此，您需要做的是找到一种使用绑定语法从 ListBox 的 DataTemplate 内部引用 ResultsView 用户控件的方法。如果你能做到这一点，那么你就逃脱了收藏。

有两种主要方法可以实现此目的：

• ElementName 语法
• RelativeSource 语法

我将描述 ElementName 语法，您可以查找另一种语法。

第 1 部分）将您的 ResultsView UserControl 元素命名如下：

<UserControl ....
    Name="resultsView">
    <!-- ... -->

第 2 部分）在定义超链接外观的 DataTemplate 中，使用 < code>ElementName 语法来引用该元素：

<TextBlock>
    <Hyperlink Command="{Binding DataContext.ItemDetailsCommand, ElementName=resultsView}"/>
</TextBlock>

所以首先我们使用 ElementName 来获取 ResultsView UserControl 元素，然后我们有一条包含两部分的路径：第一部分是ResultsView 的 DataContext 属性为我们提供了 MainPageViewModel （是的！），然后是我们要调用的命令的属性。

这是“转义”在视图模型的更高级别中找到的绑定和发出命令的一种方法。