WPF - 带按钮的列表视图

Question

我有一个ListView模板，其中一列是一个按钮。当我单击此按钮时，我需要选定的项目。我怎样才能做到这一点？

Answer 1

要捕获按钮按下事件中选定的 ListView 项目，您可以利用 MVVM 模式。在 ListView 的 XAML 中，我将 ItemsSource 和 SelectedItem 绑定到 ViewModel 类。我还将模板中的按钮 Command 绑定到 ViewModel 中的 RunCommand。

棘手的部分是从模板到活动 DataContext 的正确绑定。

完成此操作后，您可以在 RunCommand 中捕获 SelectedCustomer 按下按钮时执行。

我添加了一些代码来帮助您入门。 您可以通过 Google 找到 ViewModelBase 和 DelegateCommand 的实现。

这是 XAML：

<Window x:Class="ListViewScrollPosition.Views.MainView"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Main Window" Height="400" Width="400">
  <Grid>
    <ListView ItemsSource="{Binding Path=Customers}"
              SelectedItem="{Binding Path=SelectedCustomer}"
              Width="Auto">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="First Name">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Margin="6,2,6,2">
                                <TextBlock Text="{Binding FirstName}"/>
                            </StackPanel>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="Last Name">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Margin="6,2,6,2">
                                <TextBlock Text="{Binding LastName}"/>
                            </StackPanel>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="Address">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Margin="6,2,6,2">
                                <Button Content="Address" 
                                   Command="{Binding 
                                   Path=DataContext.RunCommand, 
                                   RelativeSource=
                                   {RelativeSource FindAncestor, 
                                   AncestorType={x:Type ItemsControl}}}"/>
                            </StackPanel>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
            </GridView>
        </ListView.View>
    </ListView>
  </Grid>
</Window>

这是视图模型：

using System.Collections.ObjectModel;
using System.Windows.Input;
using ListViewScrollPosition.Commands;
using ListViewScrollPosition.Models;

namespace ListViewScrollPosition.ViewModels
{
  public class MainViewModel : ViewModelBase
  {
    public ICommand RunCommand { get; private set; }

    public MainViewModel()
    {
      RunCommand = new DelegateCommand<object>(OnRunCommand, CanRunCommand);
      _customers = Customer.GetSampleCustomerList();
      _selectedCustomer = _customers[0];
    }

    private ObservableCollection<Customer> _customers = 
                    new ObservableCollection<Customer>();
    public ObservableCollection<Customer> Customers
    {
      get
      {
        return _customers;
      }
    }

    private Customer _selectedCustomer;
    public Customer SelectedCustomer
    {
      get
      {
        return _selectedCustomer;
      }
      set
      {
        _selectedCustomer = value;
        OnPropertyChanged("SelectedCustomer");
      }
    }

    private void OnRunCommand(object obj)
    {
      // use the SelectedCustomer object here...
    }

    private bool CanRunCommand(object obj)
    {
      return true;
    }
  }
}

这是我在 ViewModel 中链接到视图的位置：

public partial class MainView : Window
{
  public MainView()
  {
     InitializeComponent();
     DataContext = new ViewModels.MainViewModel();
  }
}

Answer 2

后面代码中的常规点击事件示例：

<ListView Height="167.96" VerticalAlignment="Top" ItemsSource="{Binding FulfillmentSchedules}" SelectedItem="{Binding SelectedFulfillmentSchedule}">
  <ListView.View>
    <GridView>
      <GridViewColumn Header="Request">
        <GridViewColumn.CellTemplate>
          <DataTemplate>
            <TextBlock>
              <TextBlock.Text>
                <MultiBinding StringFormat="{}{0}-{1}-{2}">
                  <Binding Path="Template.ProjectNumber" />
                  <Binding Path="Template.JobNumber" />
                  <Binding Path="Template.RequestId" />
                </MultiBinding>
              </TextBlock.Text>
            </TextBlock>
          </DataTemplate>
        </GridViewColumn.CellTemplate>

      </GridViewColumn>
      <GridViewColumn Header="Template" DisplayMemberBinding="{Binding Template.Name}"/>
      <GridViewColumn Header="Start Date" DisplayMemberBinding="{Binding StartDate}"/>
      <GridViewColumn Header="Records" DisplayMemberBinding="{Binding Parameters.Records}"/>
      <GridViewColumn>
        <GridViewColumn.CellTemplate>
          <DataTemplate>
            <Button Name="BtnYourButton" Content="Your Button" Click="BtnYourButton_Click" />
          </DataTemplate>

        </GridViewColumn.CellTemplate>

      </GridViewColumn>
    </GridView>
  </ListView.View>
</ListView>

背后代码：

private void BtnYourButton_Click(object sender, RoutedEventArgs e)
{
  var boundData= (YourBoundDataType)((Button)sender).DataContext;
  //do what you need to do here, including calling other methods on your VM
}

注意：虽然我当然很欣赏 MVVM，但我已经开始接受，一旦你涉及到表单和 VM 之间的操作和消息传递，回报就会呈相当陡峭的递减趋势，所以我只在两者之间存在复杂关系的情况下使用它。 VM 或大型单一 VM。对于 CRUD 风格的以数据为中心的应用程序，我更喜欢使用背后的代码来处理操作和消息中继。