Question

我的应用中有2个使用

的列表框

<Window.Resources>
    <ItemsPanelTemplate x:Key="WrapPanelTemplate">
        <WrapPanel Width="290"/>
    </ItemsPanelTemplate>
    <DataTemplate x:Key="ButtonItemTemplate">
        <Button Content="{Binding Path=Name}" Width="120" Margin="3,2,3,2" />
    </DataTemplate>
</Window.Resources>

一切看起来都很棒，但当我尝试点击它们时，它们不会选择新项目。我将SelectedItem绑定到我的视图模型上的属性，但每当我选择一个新项时，set方法都不会发生。我有一个常规列表框，它以相同的方式连接并且可以正常工作。以下是自定义列表框的实现：

<ListBox Height="284" HorizontalAlignment="Left" x:Name="faveProgramsButtons" 
    ItemsSource="{Binding Path=FavoriteAppList}" 
    SelectedItem="{Binding Path=FavoriteAppList_SelectedApp}" VerticalAlignment="Top" 
    Width="281" ItemsPanel="{StaticResource WrapPanelTemplate}"
    ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
    ItemTemplate="{StaticResource ButtonItemTemplate}">
</ListBox>

谢谢！

Answer 1

问题是Button吞下了鼠标点击，因此ListBoxItem中的ListBox从未收到它，因此从未选中它。如果您希望在点击Button时能够选择项目，可以尝试使用ToggleButton并将IsChecked绑定到IsSelected

<DataTemplate x:Key="ButtonItemTemplate">
    <ToggleButton Content="{Binding Path=Name}" Width="120" Margin="3,2,3,2" 
                  IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}},
                                      Path=IsSelected,
                                      Mode=TwoWay}"/>
</DataTemplate>

您也可以通过一些代码或附加行为来实现这一目标。

<强> ButtonItemTemplate

<DataTemplate x:Key="ButtonItemTemplate">
    <Button Content="{Binding Path=Name}" Width="120" Margin="3,2,3,2"
            Click="TemplateButton_Click"/>
</DataTemplate>

代码背后

private void TemplateButton_Click(object sender, RoutedEventArgs e)
{
    Button clickedButton = sender as Button;
    ListBoxItem listBoxItem = GetVisualParent<ListBoxItem>(clickedButton);
    if (listBoxItem != null)
    {
        listBoxItem.IsSelected = true;
    }
}

public static T GetVisualParent<T>(object childObject) where T : Visual
{
    DependencyObject child = childObject as DependencyObject;
    // iteratively traverse the visual tree
    while ((child != null) && !(child is T))
    {
        child = VisualTreeHelper.GetParent(child);
    }
    return child as T;
}

按钮样式的列表框似乎不起作用

1 个答案: