Question

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

我需要的是ListBox的SelectedIndex。因为ListBox_SelectionChanged没有被触发，索引是-1，我无法确定选择了哪个项目。

如果用户在展开后点击Expander的内容，则会触发ListBox_SelectionChanged事件。如果他们只点击扩展器，则不会触发该事件。这让用户感到困惑，因为在视觉上，他们认为他们在实际点击Expander Header时已经点击了该项目。我需要在用户扩展扩展器时选择ListBox项目，因为就用户而言，现在选择该项目时实际不是。

有关如何使其工作的任何建议或使用扩展器确定列表框的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选择。您可以通过在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

谢谢Jobi。这很聪明。 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。这给了我正在寻找的经验。

第一次有人扩展Expander时，会选择新扩展的ListBoxItem。
如果某人展开了另一个Expander，则取消选择前一个ListBoxItem，但仍保持展开状态，选择新扩展的ListBoxItem。
如果有人折叠选定的Expander，则取消选择ListBoxItem。
如果展开了多个扩展器，则有人会折叠未选中的ListBoxItem扩展器，之前选择的ListBoxItem仍处于选中状态。

感谢您的帮助 - 我认为对于在ListBox中使用Expanders的人来说，这是一个非常有用的小代码段。

WPF Listbox + Expander事件

3 个答案: