Сортировка и группировка ListItems в WPF ListBox- GroupItem свернуть и развернуть

Я сортирую и группирую элементы списка, для этого использую CollectioView.

Из класса модели представления я привязываю коллекцию к свойству ListBox ItemSource, вот оно.

    public BindableCollection<UserInfo> Friends
    {
        get { return _friends; }
        set
        {
            _friends = value;
            NotifyOfPropertyChange(() => Friends);
        }
    }

Элементы ListBox - это тип UserInfo.

Когда я инициализирую ListBox, я сортирую и группирую элементы с помощью этого метода.

    private ICollectionView _currentView;

    //...

    private void SortContactList()
    {
        _currentView = CollectionViewSource.GetDefaultView(Friends);

        _currentView.GroupDescriptions.Add(new PropertyGroupDescription("TextStatus"));

        _currentView.SortDescriptions.Add(new SortDescription("TextStatus", ListSortDirection.Ascending));

        _currentView.SortDescriptions.Add(new SortDescription("Nick", ListSortDirection.Ascending));
    }

TextStatus и Nick являются свойствами класса userInfo.

Использую в Listbox GroupStyle. Вот оно:

    <Style x:Key="MessengerView_ToogleBtn" TargetType="{x:Type ToggleButton}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Image x:Name="img" Source="/images/icons/Collapse.png" />
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="False">
                            <Setter TargetName="img" Property="Source" Value="/images/icons/Expand.png" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


   <GroupStyle>
                <GroupStyle.ContainerStyle>
                    <Style TargetType="{x:Type GroupItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                    <ControlTemplate.Triggers>
                                        <DataTrigger Binding="{Binding Path=IsBottomLevel}" Value="True">
                                            <Setter TargetName="gridTemplate" Property="Grid.Background" Value="White" />
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                    <Grid>
                                        <Grid.RowDefinitions>
                                            <RowDefinition />
                                            <RowDefinition />
                                        </Grid.RowDefinitions>
                                        <Grid Background="Black" 
                                                  x:Name="gridTemplate" 
                                                  Height="26" 
                                                  VerticalAlignment="Center">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="Auto" />
                                                <ColumnDefinition Width="100" />
                                                <ColumnDefinition Width="45" />
                                            </Grid.ColumnDefinitions>

                                            <ToggleButton x:Name="btnShowHide" 
                                                          IsChecked="True" 
                                                          Style="{StaticResource MessengerView_ToogleBtn}"/>

                                            <TextBlock Style="{StaticResource MessengerView_LbGroupHeader_TextBlock}"  
                                                       Text="{Binding Path=Name}" 
                                                       Grid.Column="1"/>
                                            <TextBlock TextAlignment="Left" Style="{StaticResource MessengerView_LbGroupHeader_TextBlock}" 
                                                       Grid.Column="2" 
                                                       Text="{Binding Path=ItemCount}"/>

                                        </Grid>

                                        <ItemsPresenter Visibility="{Binding ElementName=btnShowHide, Path=IsChecked,
                                                                            Converter={StaticResource booleanToVisibilityConverter}}"
                                                            Margin="3,3,3,3"
                                                            Grid.Row="1"  />

                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </GroupStyle.ContainerStyle>
            </GroupStyle>

Если я запускаю приложение, оно смотрит на эту картинку.

1. введите описание изображения здесь

Я редактирую исходное свойство ListBox (добавление, удаление, обновление), после редактирования списка я вызываю метод Refresh в CollectionView.

            _currentView.Refresh();

Проблема в том, что GroupItem разрушается, и я вызываю метод Refresh для всех расширенных GroupItem.

Например.

GroupItem 1 - коллапс.

GroupItem 2 расширен.

GroupItem 3 - коллапс.

Перед вызовом Refresh ListBox выглядит так:

введите описание изображения здесь

Я вызываю метод Refresh в CollectionView, и все GroupItems раскрываются. Я хочу сохранить исходное состояние, как мне этого добиться?

После вызова Refresh Lisbox выглядит как на первой картинке вверху.


sorting wpf listbox groupstyle
person Community    schedule 13.02.2011    source источник
comment
Я думаю, что проблема здесь: ‹ToggleButton x: Name = btnShowHide IsChecked = True. Укажите код вашего списка (‹ListBox GroupStyle = ... Binding = ...) и обработчик раскрытия / свертывания кнопки btnShowHide.   -  person vortexwolf    schedule 14.02.2011
comment
Я пропустил привязку видимости. Хорошо, попробую найти, как привязать ToggleButton.   -  person vortexwolf    schedule 14.02.2011

Ответы (1)


arrow_upward
1
arrow_downward

Обходной путь не идеален. Как я уже сказал, лучше использовать ViewModels с вашей собственной группировкой, но для этого потребуется гораздо больше кода.

Вам понадобятся два обработчика событий:

    private Dictionary<string, bool?> expandStates = new Dictionary<string, bool?>();

    private void Grid_Loaded(object sender, RoutedEventArgs e)
    {
        var grid = (Grid)sender;
        var dc = grid.DataContext as CollectionViewGroup;
        var groupName = (string)dc.Name;

        //If the dictionary contains the current group, retrieve a saved state of the group
        if (this.expandStates.ContainsKey(groupName))
        {
            var btn = (ToggleButton)grid.FindName("btnShowHide");
            btn.IsChecked = this.expandStates[groupName];
        } //Else add default state
        else this.expandStates.Add(groupName, true);

    }

    private void btnShowHide_Click(object sender, RoutedEventArgs e)
    {
        var btn = (ToggleButton)sender;
        var dc = (CollectionViewGroup)btn.DataContext;
        var groupName = (string)dc.Name;

        //Loaded event is fired earlier than the Click event, so I'm sure that the dictionary contains the key
        this.expandStates[groupName] = btn.IsChecked; //Save the current state
    }

Здесь они связаны с элементами управления:

<ControlTemplate TargetType="{x:Type GroupItem}">
    <Grid Loaded="Grid_Loaded">

и тут:

<ToggleButton x:Name="btnShowHide" Click="btnShowHide_Click" IsChecked="True" Margin="3.5" />

Если вы определяете шаблон для GroupItem где-то во внешнем словаре, вы должны использовать UserControl для получения доступа к выделенному коду.

person vortexwolf    schedule 15.02.2011
comment
@John Хорошо, и если вопросов больше нет, примите ответ и на другой вопрос: stackoverflow.com/questions/4991956/ - person vortexwolf; 15.02.2011