5

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

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

如果用户在展开器展开后单击它的内容，则会触发 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;
}
4

3 回答 3

4

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

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

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

<ListBox SelectionMode="Multiple"
于 2009-07-26T00:07:34.360 回答
1

另一种不依赖于 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);
于 2009-07-26T05:57:04.287 回答
0

谢谢乔比。这很聪明。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。

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

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

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

于 2009-07-26T22:47:36.873 回答