Сгруппируйте ItemsControl по свойству модели itemsource

С этим классом:

Public Class PageBetModel
Private _name As String

Public Property Name As String
    Get
        Return _name
    End Get
    Set(ByVal value As String)
        _name = value
    End Set
End Property

Private _group As String

Public Property Group As String
    Get
        Return _group
    End Get
    Set(ByVal value As String)
        _group = value
    End Set
End Property
End Class

Я хочу создать стиль с помощью ItemsControl, раскрасив свойство Name, и группировка по свойству Group.

<ItemsControl ItemsSource = "{Binding Path=Model}" ItemsPanel = "{DynamicResource MyPanel}" ItemTemplate = "{DynamicResource MyTemplate}"/>

<DataTemplate x:Key = "MyTemplate">
    <Border MinHeight = "100" BorderThickness = "0,0,0,2" BorderBrush = "#dfe1e0">

            <TextBlock x:Name = "RadioButtonText" Margin = "16,40,16,16" Width = "287" Text = "{Binding Path=Name}" FontFamily = "Arial" FontSize = "17" Foreground = "#474747" FontWeight = "SemiBold" TextWrapping = "Wrap" VerticalAlignment = "Top" HorizontalAlignment = "Left"/>

    </Border>
</DataTemplate>

Я хочу показать этот простой дизайн, но сгруппировать разные имена с помощью Expander по свойству Group.

wpf vb.net datatemplate itemscontrol

14.11.2018 10:23

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Установите ItemsSource на сгруппированный CollectionViewSource:

<CollectionViewSource x:Key = "cvs" Source = "{Binding Path=Model}">
    <CollectionViewSource.GroupDescriptions>
        <PropertyGroupDescription PropertyName = "Group" />
    </CollectionViewSource.GroupDescriptions>
</CollectionViewSource>

... и определите GroupStyle, который содержит Expander:

<ItemsControl ItemsPanel = "{DynamicResource MyPanel}"
            ItemsSource = "{Binding Source = {StaticResource cvs}}"
            ItemTemplate = "{DynamicResource MyTemplate}">
    <ItemsControl.GroupStyle>
        <GroupStyle>
            <GroupStyle.ContainerStyle>
                <Style TargetType = "{x:Type GroupItem}">
                    <Setter Property = "Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Expander IsExpanded = "True">
                                    <Expander.Header>
                                        <TextBlock Text = "{Binding Name}" FontWeight = "Bold" Foreground = "Gray" FontSize = "22" VerticalAlignment = "Bottom" />
                                    </Expander.Header>
                                    <ItemsPresenter />
                                </Expander>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </GroupStyle.ContainerStyle>
        </GroupStyle>
    </ItemsControl.GroupStyle>
</ItemsControl>

14.11.2018 11:38

Другие вопросы по теме

Перебрать все панели по форме

Можно добавить базу данных таблицы в проводнике сервера, но не в источнике данных

Vb.net Добавить заполнитель для настраиваемого текста внутри панели

«LINQ to Entities не распознает метод» без использования локального

У вас есть решение, которое заставляет Foreground работать как Background?

Как ускорить создание круговых диаграмм в VB Web?

Распечатать учетные данные по умолчанию

AND / AndAlso с Or / OrElse путаница

Отформатировать переменную как валюту в списке проблема

Расширенный шестнадцатеричный адрес в Visual Basic

Сгруппируйте ItemsControl по свойству модели itemsource

Ответы 1

Другие вопросы по теме

Похожие вопросы