WPF - 带有按钮的列表视图

Question

我有一个ListView模板，其中一列是按钮。当我点击此按钮时，我需要选定的项目。我该怎么做？

- Filipe Sguarizi Panceri

---

你的意思是要获取当前选定的项目，还是要选择按钮所在的项目？ - Botz3000

Answer 1

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

关键是从模板正确地绑定到活动DataContext。

一旦您完成这个步骤，就可以在按下按钮时执行的RunCommand中捕获SelectedCustomer。

我包含了一些代码来帮助您入门。您可以通过谷歌找到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>

以下是ViewModel：

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链接到View的地方：

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

- Zamboni

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样式的数据中心应用程序，我更喜欢使用代码后备处理操作和消息中继。

- b_levitt