Question

我在.xaml文件中有以下代码片段：

<TreeView MouseDoubleClick="TreeView_MouseDoubleClick" ItemsSource="{Binding MyList}">
  <TreeView.ItemContainerStyle>
    <Style TargetType="{x:Type TreeViewItem}">
      <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
      <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
      <Setter Property="FontWeight" Value="Normal" />
      <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="FontWeight" Value="Bold" />
        </Trigger>
      </Style.Triggers>
    </Style>
  </TreeView.ItemContainerStyle>

正如您所看到的，当您对TreeView中的项目进行“MouseDoubleClick”时，它将执行后面代码中的代码...即...

private void TreeView_MouseDoubleClick(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
    try
    {
        MessageBox.Show(((TreeViewWithViewModelDemo.LoadOnDemand.HtmlFileViewModel)(((System.Windows.Controls.TreeView)(sender)).SelectedValue)).HtmlFileName);
    }
    catch
    {
    }
}

我正在尝试遵循Model-View-ViewModel设计模式，并希望将此MouseDoubleClick事件的实现从View迁移到ViewModel。

据我所知，如果我使用命令，我会使用{Binding Command =“Select”}（或类似的实现ICommand接口的东西），但我似乎找不到这个特定问题的语法，因为它不是命令按钮。

有人能帮助我吗？

由于

Answer 1

这是使用Blend交互触发器的解决方案。

<Page.DataContext>
    <Samples:TreeViewDblClickViewModel/>
</Page.DataContext>
<Grid>
    <TreeView ItemsSource="{Binding Items}">
        <TreeView.ItemTemplate>
            <DataTemplate>
                <ContentControl>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseDoubleClick">
                            <i:InvokeCommandAction Command="{Binding DoubleClickCommand}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                    <TextBlock Text="{Binding Name}" Background="AliceBlue" Margin="2"/>
                </ContentControl>
            </DataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>
</Grid>

查看模型

public class TreeViewDblClickViewModel
{
    public TreeViewDblClickViewModel()
    {
        Items = new List<TreeViewDblClickItem>
                    {
                        new TreeViewDblClickItem{ Name = "One"},
                        new TreeViewDblClickItem{ Name = "Two"},
                        new TreeViewDblClickItem{ Name = "Thee"},
                        new TreeViewDblClickItem{ Name = "Four"},
                    };
    }

    public IList<TreeViewDblClickItem> Items { get; private set; }
}

public class TreeViewDblClickItem
{
    public TreeViewDblClickItem()
    {
        DoubleClickCommand = new ActionCommand(DoubleClick);
    }

    public string Name { get; set; }

    private void DoubleClick()
    {
        Debug.WriteLine("Double click");
    }

    public ICommand DoubleClickCommand { get; private set; }
}

Answer 2

使用MVVM并不意味着代码隐藏文件中不得有任何代码。它只是意味着将所有相关逻辑移动到视图模型中。您可以在viewmodel上实现必要的双击方法，并从后面的代码中调用它，如下所示：

_viewModel.MouseDoubleClickOnTree();

此外，我建议您查看此主题：MVVM C# WPF binding mouse double click

Answer 3

我建议你开始使用像Prism等MVVM模式的库。它解决了一般问题，你可以花时间做生意，而不是重新发明轮子。

Answer 4

我实际上几天前就有人就这个话题发了回答。 Here is what I posted

显然，这是一个listviewitem，而不是一个treeviewitem，但它仍然有效，只有一些细微的变化。

通过M-V-MV设计模式绑定MouseDoubleClick的问题

4 个答案: