带有包含按钮的 ItemTemplate 的 ComboBox

Question

所以，假设我有一个带有自定义数据模板的组合框。 数据模板中的项目之一是按钮：

<ComboBox Width="150" ItemsSource="{Binding MyItems}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <Button Content="ClickMe" /> 
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

这样做的问题是该按钮会占用点击次数，并且如果选择该按钮，则不会选择该项目。 这意味着下拉菜单不会消失，并且不会选择任何项目。

我明白为什么会发生这种情况。

有办法解决吗？ 可能有一种方法来处理按钮单击（我绑定到命令）并告诉它继续沿着链向上，以便组合框也可以处理单击？

注意：我在 Silverlight 中看到了我的问题，但我猜测在 WPF 中也可以看到完全相同的行为。

Answer 1

好吧，我明白了。 这完全是一个黑客，但它仍然允许我将命令绑定到按钮并继续具有用于选择项目的组合框行为：

<ComboBox x:Name="MyCombo" Width="150" ItemsSource="{Binding MyItems}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <Button Content="ClickMe" Click="Button_Click" /> 
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

并且在后面的代码中：

private void Button_Click(object sender, RoutedEventArgs e)
{
    MyCombo.SelectedItem = (sender as Button).DataContext;
    MyCombo.IsDropDownOpen = false;
}

如果我真的愿意，我可以将 SelectedItem 和 IsDropDownOpen 绑定到我的 ViewModel 中的属性，但我决定反对将这种行为保留为 XAML 的黑客扩展，以保持我的 ViewModel 干净。

Answer 2

最好的选择可能是在按钮的命令中设置 SelectedItem。

Answer 3

我发现了 MVVM 上下文的另一种可能性。 我为 ComboBox 使用了一个派生类，如果添加了一个派生自 ButtonBase 的项目，我会附加到 Click 事件来关闭 组合框。

这适用于我的项目 - 但只是，因为项目本身是按钮，如果它们只包含按钮作为子元素，它就不起作用。

public class MyComboBox : ComboBox
{
    public MyComboBox()
    {
        // use Loaded event to modify inital items.
        Loaded += OnLoaded;
    }

    private void OnLoaded(object sender, RoutedEventArgs routedEventArgs)
    {
        if (Items != null)
        {
            foreach (var item in Items)
            {
                var button = item as ButtonBase;
                if (button != null)
                {
                    ModifyButtonItem(button);
                }
            }
        }
    }

    protected override void OnItemsChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        base.OnItemsChanged(e);
        // Check added items. If an item is a button, modify the button.
        if (e.NewItems != null)
        {
            foreach (var item in e.NewItems)
            {
                var button = item as ButtonBase;
                if (button != null)
                {
                    ModifyButtonItem(button);
                }
            }
        }
    }

    private void ModifyButtonItem(ButtonBase button)
    {
        button.Click += (sender, args) => { IsDropDownOpen = false; };
    }
}

Answer 4

我不知道是否有办法做你想做的事。 例如，如果您将 Button 放入 ListBox 中，则会发生相同的行为 - 单击 Button 不会导致其项目出现在列表框中。 ListBox 被选中。 事实上，ItemsControl 中支持选择的任何控件都是这种情况。

您也许可以对 Click 事件执行某些操作，并将其标记为未处理，以便它继续在可视化树中向上移动，但即便如此，我也不确定这是否有效。