为数据模板添加按钮并调用其点击事件

Question

我正在尝试构建一个WPF应用程序（使用C#.net），在其中我想在ListBox内添加按钮。

这是我放置在资源字典中的数据模板：

<DataTemplate x:Key="MYTemplate">
    <StackPanel Margin="4">
        <DockPanel>
            <TextBlock Text="ISBN No:" DockPanel.Dock="Left" Margin="5,0,10,0" Foreground="AliceBlue" />
            <TextBlock Text="            " />
            <TextBlock Text="{Binding ISBN}" Foreground="LimeGreen" FontWeight="Bold" />
        </DockPanel>
        <DockPanel>
            <TextBlock Text="Book Name:" DockPanel.Dock="Left" Margin="5,0,10,0" Foreground="AliceBlue"/>
            <TextBlock Text="       " />
            <TextBlock Text="{Binding BookName}" Foreground="LimeGreen"  FontWeight="Bold" />
        </DockPanel >
        <DockPanel >
            <TextBlock Text="Publisher Name:" DockPanel.Dock="Left" Margin="5,0,10,0" Foreground="AliceBlue" />
            <TextBlock Text=" " />
            <TextBlock Text="{Binding PublisherName}" Foreground="LimeGreen" FontWeight="Bold"  />
        </DockPanel>
        <DockPanel>
            <Button Name="MyButton" Content="Click Me">

            </Button>
        </DockPanel>
    </StackPanel>
</DataTemplate>

如何在上述模板中为按钮标签添加点击事件？同时，我应该把将在按钮被点击时调用的方法放在哪里？

- Nilesh Barai

---

可能是重复问题：http://stackoverflow.com/q/697276/312462 - Yeonho

如果您使用事件而不是命令，请查看我的答案http://stackoverflow.com/a/30727398/254109。 - xmedeko

@xmedeko：命令相较于事件有很多优势，例如我们可以为命令分配快捷键，可以具体评估是否执行它等等。 - Nilesh Barai

@Nilesh Barai 是的，命令是更好的解决方案。我已经添加了如何使用事件作为替代方案。而你要求的是点击事件。 - xmedeko

Answer 1

Nilesh,

您应该将按钮绑定到一个命令。例如，如果您的数据项定义如下：

public class MyItem : ViewModelBase
{
    public MyItem()
    {
        ClickMeCommand = new RelayCommand(ClickMe);
    }

    private void ClickMe()
    {
        Debug.WriteLine("I was clicked");
    }

    public string ISBN { get; set; }
    public string BookName { get; set; }
    public string PublisherName { get; set; }

    public ICommand ClickMeCommand { get; set; }
}

那么这将会调用ClickMe方法。

<DockPanel>
    <Button Content="Click Me" Command="{Binding ClickMeCommand}" />
</DockPanel>

或者您可以把该命令放在父视图模型中：

public class MainViewModel : ViewModelBase
{
    public IEnumerable<MyItem> Items { get; private set; }

    /// <summary>
    /// Initializes a new instance of the MainViewModel class.
    /// </summary>
    public MainViewModel()
    {
        Items = new List<MyItem>
                    {
                        new MyItem{ ISBN = "ISBN", BookName = "Book", PublisherName = "Publisher"}
                    };
        ClickMeCommand = new RelayCommand<MyItem>(ClickMe);
    }

    private void ClickMe(MyItem item)
    {
        Debug.WriteLine(string.Format("This book was clicked: {0}", item.BookName));
    }

    public ICommand ClickMeCommand { get; set; }

并绑定到该函数

<DockPanel>
    <Button Content="Click Me" CommandParameter="{Binding}" Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBox}}, Path=DataContext.ClickMeCommand}" />
</DockPanel>

需要注意的是，上面的代码使用了MVVM Light框架，并且假设你已经有了相关的基础知识。

  <ListBox ItemTemplate="{StaticResource MyTemplate}" ItemsSource="{Binding Items}"/>

- Phil

---

@Phil 谢谢Phil，我正在使用单独文件中的DataTemplate，绑定在：对我来说无法工作，你能帮我吗？ - Anas