访问按钮 单击 Silverlight 模板化控件上的列表框数据模板中的按钮

Question

我有一个 Silverlight 模板控件（不是用户控件），其中包含一个列表框。

在列表框的数据模板中，我有一个按钮，如下所示：

                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <ProgressBar Grid.Column="0" Width="70" Height="20" Value="{Binding Path=Percentage}" Minimum="0.0" Maximum="100.0" />
                                    <TextBlock Grid.Column="0" Text="{Binding Path=Percentage, StringFormat='{}{0:##0.0}%'}" Margin="10,3,3,3" HorizontalAlignment="Center" />
                                    <TextBlock Grid.Column="1" Text="{Binding Path=File.Name}" Margin="3" />
                                    <Button Grid.Column="2" Content="Remove" x:Name="RemoveButton" Command="{TemplateBinding DeleteCommand}" Style="{TemplateBinding UploadButtonStyle}" HorizontalAlignment="Right" Margin="0,0,5,0" />
                                </Grid>
                            </DataTemplate>
                        </ListBox.ItemTemplate>

看到模板末尾的按钮了吗？我如何访问它的点击事件？我无法使用 GetTemplateChild() 方法，因为该按钮是 DataTemplate 的一部分。我尝试过命令（如上所示）。尽管模板化控件并不完全是 MVVM，但似乎就是这样。

有什么想法吗？也许除了指挥之外还有什么？否则我的命令是错误的？

这里有一些相关的代码：

...依赖属性/属性定义...（应该是 Dep Prop？）

    public static readonly DependencyProperty DeleteCommandProperty =
        DependencyProperty.Register("DeleteCommand", typeof(ICommand), typeof(MultipleFileUpload), new PropertyMetadata(null));

    public ICommand DeleteCommand
    {
        get { return (ICommand)GetValue(DeleteCommandProperty); }
        set 
        { 
            SetValue(DeleteCommandProperty, value);
            FirePropertyChanged("DeleteCommand");  //INotifyPropertyChanged stuff
        }
    }

...在 OnApplyTemplate()......

    public override void OnApplyTemplate()
    {
        ....
        DeleteCommand = new DelegateCommand(RemoveItemFromList, CanRemove);
        ....
        base.OnApplyTemplate();
    }

ICommand 操作...

    private void RemoveItemFromList(object commandParameter)
    {
        //NEVER GETTING HERE!
    }

我希望它是一些小东西。

谢谢人们！

凯文

Answer 1

我已将命令作为属性添加到绑定到 ListBoxes（和其他 ItemsControl）的 ItemSource 中的对象的类中。这确实意味着我必须更改我的“数据”对象来处理 GUI 事件 - 这通常看起来是错误的和黑客的。

我还派生了 ItemsControl（但由于列表框是 ItemsControl，这可能仍然适用）。我将自己的属性添加到我最终想要从项目访问的派生控件中。在您的情况下是按钮命令处理程序。设置这些属性应该很容易，因为它们没有锁定在该嵌套模板中。

接下来，我在该派生类中重写了 GetContainerForItemOverride() 并返回另一个类，即我自己的派生 ContentPresenter。这个新的 ContentPresenter 也应该具有相同的命令属性 - 在构造它时将其设置为与 GetContainerForItemOverride 中的 ItemControl 的命令相同。

现在，在 DataTemplate 中使用 TemplateBinding（不是常规的 Binding）来访问该命令。

我已经讨论了尝试制作所有这些的通用/可重用版本的项目。

编辑，基本示例：

class MyItemsControl : ItemsControl
{
   public Command MyCommand {get;set;} // I've often use a full-blown DP here

snip

   protected override DependencyObject GetContainerForItemOverride()
   {
       return new MyContentPresenter(this.MyCommand); // MyContentPresenter is just a derived ContentPresenter with that same property.
   }

再次编辑：

我还将代码放入 ItemsControl.PrepareContainerForItemOverride 中。此方法为您提供 ContentControl（如果您要覆盖 GetContainerForItemOverride，则为您自己的）和列表中的当前“Item”。在这里，您还可以对 ContentControl 实例进行进一步的初始化 - 如果您想要执行的操作取决于它所绑定到的对象。

Answer 2

我建议您使用单个中继命令：

public class RelayCommand<T> : ICommand
{
    #region Fields

    readonly Action<T> _execute = null;
    readonly Predicate<T> _canExecute = null;

    #endregion // Fields

    #region Constructors

    public RelayCommand(Action<T> execute)
        : this(execute, null)
    {
    }

    /// <summary>
    /// Creates a new command.
    /// </summary>
    /// <param name="execute">The execution logic.</param>
    /// <param name="canExecute">The execution status logic.</param>
    public RelayCommand(Action<T> execute, Predicate<T> canExecute)
    {
        if (execute == null)
            throw new ArgumentNullException("execute");

        _execute = execute;
        _canExecute = canExecute;
    }

    #endregion // Constructors

    #region ICommand Members

    [DebuggerStepThrough]
    public bool CanExecute(object parameter)
    {
        return _canExecute == null ? true : _canExecute((T)parameter);
    }

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    public void Execute(object parameter)
    {
        _execute((T)parameter);
    }

    #endregion // ICommand Members
}

XAML：

<Button Grid.Column="2" Content="Remove" x:Name="RemoveButton" Command="{Binding DeleteCommand}" CommandParameter={Binding} Style="{TemplateBinding UploadButtonStyle}" HorizontalAlignment="Right" Margin="0,0,5,0" />

这将执行的操作是每次单击按钮时，它都会调用相同的删除命令，但会将当前项目作为参数传递。

希望这有帮助

Answer 3

我在MSDN中遇到过这个想法，我还没有尝试过但我认为值得在这里分享：

列表框中项目的 DataContext 与视图 DataContext 不同。每个项目的 DataContext 引用集合中绑定到列表框的 ItemsSource 属性的项目。

解决方案是将命令属性绑定到静态资源，并将静态资源的值设置为命令你想绑定。下面来自 Stock Trader RI 的 XAML 对此进行了说明。

<!--Specifying the observablecommand in the view's resources-->
<UserControl.Resources>
   <Infrastructure:ObservableCommand x:Key="BuyCommand" />
</UserControl.Resources>

<!—Binding the Button Click to the command. This control can sit inside a datagrid or a   list box. -->
<Button Commands:Click.Command="{Binding Path=Value, Source={StaticResource BuyCommand}}" Commands:Click.CommandParameter="{Binding Path=TickerSymbol}" />

然后，在视图的代码隐藏中，您必须指定资源的值实际上指向表示模型上的命令。以下是来自 Stock Trader RI 的示例，其中演示模型上的 BuyCommand 属性被放入资源中。

((ObservableCommand)this.Resources["BuyCommand"]).Value = value != null ? value.BuyCommand : null;

Answer 4

您好，您可以使用相对源和 AncesterType。那么它对我来说效果很好。

请参考下面的代码。

<Button Content="Delete"  Command="{Binding DataContext.DeleteCommand,
          RelativeSource= {RelativeSource FindAncestor, AncestorType={x:Type ListBox}}}"
          CommandParameter="{Binding Path=SelectedItem, RelativeSource= {RelativeSource FindAncestor, AncestorType=
                 {x:Type ListBox}}}"/>