WPF 列表框 + 扩展事件

Question

我在列表框的 ItemTemplate 中有一个 Expander。 渲染得很好。 我遇到的问题是，我希望在展开和/或选择扩展器时触发 ListBox_SelectionChanged 事件。 MouseDown 事件似乎没有冒泡到 ListBox。

我需要的是列表框的SelectedIndex。 因为 ListBox_SelectionChanged 不会被触发，所以索引为 -1，我无法确定已选择哪个项目。

如果用户在扩展器展开后单击其内容，则会触发 ListBox_SelectionChanged 事件。 如果他们仅单击扩展器，则不会触发该事件。 这会让用户感到困惑，因为从视觉上看，他们认为在实际单击扩展器标题时已经单击了该项目。 我需要在用户展开扩展器时选择列表框项目，因为就用户而言，现在该项目实际上未被选择。

关于如何让它工作或确定带有扩展器的列表框的 SelectedIndex 的替代方法有什么建议吗？

简化的代码供参考：

<Window x:Class="WpfApplication3.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300"
    Loaded="Window_Loaded">
    <Grid Name="Root">
        <ScrollViewer>
            <ListBox SelectionChanged="ListBox_SelectionChanged" ItemsSource="{Binding}">
                <ItemsControl.ItemTemplate >
                    <DataTemplate>
                        <Border>
                            <Expander>
                                <Expander.Header>
                                    <TextBlock Text="{Binding Path=Name}"/>
                                </Expander.Header>
                                <Expander.Content>
                                    <StackPanel>
                                        <TextBlock Text="{Binding Path=Age}"/>
                                        <TextBlock Text="Line 2"/>
                                        <TextBlock Text="Line 3"/>
                                    </StackPanel>
                                </Expander.Content>
                            </Expander>
                        </Border>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ListBox>
        </ScrollViewer>
    </Grid>
</Window>

用于绑定的简单类：

public class Person
{
    public string Name {
        get;
        set;
    }

    public int Age {
        get;
        set;
    }
}

创建并填充用于绑定的数据：

private void Window_Loaded(object sender, RoutedEventArgs e) {

    data = new ObservableCollection<Person>();

    data.Add(new Person {
        Name = "One",
        Age=10
    });

    data.Add(new Person {
        Name = "Two",
        Age = 20
    });

    data.Add(new Person {
        Name = "Three",
        Age = 30
    });

    Root.DataContext = data;
}

这是我需要的事件（实际上只是我需要的 SelectedIndex）

private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e) {
    ListBox box = (ListBox)sender;

    // This value is not set because events from Expander are not bubbled up to fire SelectionChanged Event
    int index = box.SelectedIndex;
}

Answer 1

您想要的是让 Expander 控件控制 ListBox Selection。 您可以通过将 Expander 的 IsExpanded 属性上的 TwoWay Binding 设置为您单击的直接 ListBoxItem 来轻松存档此内容。

 <Expander IsExpanded="{Binding IsSelected,Mode=TwoWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}">

更新：如果您需要避免选择另一个项目时自动折叠，请将列表框选择模式设置为多个。

<ListBox SelectionMode="Multiple"

Answer 2

另一种不依赖于 IsSelected 的方法是，您可以将扩展器的 Expanded/Collapsed 事件挂钩到后面的代码，并使用以下代码查找您单击的 ListBox 索引。

DependencyObject dep = (DependencyObject)e.OriginalSource;

while ((dep != null) && !(dep is ListViewItem))
{
   dep = VisualTreeHelper.GetParent(dep);
}

if (dep == null)
     return;

int index = yourListBox.ItemContainerGenerator.IndexFromContainer(dep);

Answer 3

谢谢乔比。 这非常聪明。 WPF 的兔子洞越来越深。

这是我根据您的建议所做的：

private void Expander_Expanded(object sender, RoutedEventArgs e) {
    DependencyObject dep = (DependencyObject)sender;

    while ((dep != null) && !(dep is ListBoxItem)) {
        dep = VisualTreeHelper.GetParent(dep);
    }

    if (dep == null)
        return;

    int index = PersonList.ItemContainerGenerator.IndexFromContainer(dep);

    PersonList.SelectedIndex = index;
}

private void Expander_Collapsed(object sender, RoutedEventArgs e) {
    DependencyObject dep = (DependencyObject)sender;

    while ((dep != null) && !(dep is ListBoxItem)) {
        dep = VisualTreeHelper.GetParent(dep);
    }

    if (dep == null)
        return;

    int index = PersonList.ItemContainerGenerator.IndexFromContainer(dep);

    if (PersonList.SelectedIndex == index)
        PersonList.SelectedIndex = -1;
}

我必须将 ListViewItem 更改为 ListBoxItem （我使用的是 ListBox）。

另外，我使用索引来选择或取消选择 ListBox.SelectedIndex。 这给了我我一直在寻找的经验。

1. 第一次展开 Expander 时，它会选择新展开的 ListBoxItem。

2. 如果有人展开另一个 Expander，则先前的 ListBoxItem 将被取消选择，但保持展开状态，新展开的 ListBoxItem 将被选中。

   如果有人展开另一个 Expander，则先前

3. 如果有人折叠选定的 Expander，则取消选择 ListBoxItem。

4. 如果展开了多个 Expanders，有人折叠了未选中的 ListBoxItem 展开器，则之前选中的 ListBoxItem 保持选中状态。

   如果展开了多个 Expanders，有人折叠了

感谢您的帮助 - 我认为对于在列表框中使用扩展器的任何人来说，这是一个非常有用的小代码片段。