嵌套列表框如何设置父列表框selectedItem对子列表框中的鼠标双击

Question

我有一个嵌套的ListBox。内部列表框鼠标双击事件，我需要打开一个新的窗口基于一些逻辑，为此我需要内部ListBox SelectedItem及其相应的外部ListBox SelectedItem。如何以MVVM的方式获得这个？

<ListBox ItemsSource="{Binding OuterCollection}"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal"> 
         <TextBlock Text="{Binding OuterProperty1}" /> 
          <ListBox Width="200" ItemsSource="{Binding InnerCollection}"> 
           <ListBox.ItemTemplate> 
            <DataTemplate> 
             <TextBlock Text="{Binding InnerProperty1}" /> 
            </DataTemplate> 
           </ListBox.ItemTemplate> 
          </ListBox> 
        </StackPanel> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 

请注意以下事项：

1）有内部收集和外部收集项目没有关系。

2）我使用MVVMLight工具包，并作为临时解决方案，我只是将内部ListBox鼠标双击事件参数传递给View模型，并遍历树来查找外部列表框项目。 我知道这是违反MVVM规则，所以我如何以适当的MVVM方式来做到这一点？

Answer 1

得到了一个可能的解决方案

您可以使用属性SelectedItem财产上的ListBox两者。

这是我用来解决你的问题的代码。虽然我用腰带它不应该是轻的框架问题

MainWindow.xaml

<Window x:Class="TestWPF.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
     Title="MainWindow" Height="350" Width="525"> 
    <ListBox ItemsSource="{Binding OuterCollection}" SelectedItem="{Binding OuterListBoxSelectedItem}"> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="{Binding}" /> 
        <ListBox Width="150" DataContext="{Binding DataContext, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" 
          ItemsSource="{Binding InnerCollection}" 
          SelectedItem="{Binding InnerListBoxSelectedItem}"> 
         <i:Interaction.Triggers> 
          <i:EventTrigger EventName="MouseDoubleClick"> 
           <i:InvokeCommandAction Command="{Binding TestCommand}" 
                 CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBox}, AncestorLevel=2},Path=SelectedItem}"/> 
          </i:EventTrigger> 
         </i:Interaction.Triggers> 
         <ListBox.ItemTemplate> 
          <DataTemplate> 
           <TextBlock Text="{Binding}" /> 
          </DataTemplate> 
         </ListBox.ItemTemplate> 
        </ListBox> 
       </StackPanel> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
</Window> 

MainWindow.xaml.cs

using System.Windows; 

namespace TestWPF 
{ 

    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      InitializeComponent(); 
      this.DataContext = new ViewModel(); 
     } 
    } 
} 

最后但并非最不重要我的模型

using System.Collections.ObjectModel; 
using System.Windows.Input; 
using Cinch; 

namespace TestWPF 
{ 
    public class ViewModel : ViewModelBase 
    { 
     public ICommand TestCommand { get; private set; } 
     public ObservableCollection<string> OuterCollection { get; private set; } 
     public string OuterListBoxSelectedItem { get; set; } 
     public ObservableCollection<string> InnerCollection { get; private set; } 
     public string InnerListBoxSelectedItem { get; set; } 

     public ViewModel() 
     { 
      OuterCollection = new ObservableCollection<string> { "Outer 1", "Outer 2", "Outer 3", "Outer 4" }; 
      InnerCollection = new ObservableCollection<string> { "Inner 1", "Inner 2", "Inner 3" }; 
      TestCommand = new SimpleCommand<object, object>(Test); 
      NotifyPropertyChanged("OuterCollection"); 
      NotifyPropertyChanged("InnerCollection"); 
      NotifyPropertyChanged("TestCommand"); 
     } 
     public void Test(object o) 
     { 
      var a = InnerListBoxSelectedItem; 
      var b = OuterListBoxSelectedItem; 
      "".ToString(); 
     } 
    } 
} 

我还需要添加一个更多的参考System.Windows.Interactivity

我希望这有助于