Как группировать ключ и значение с помощью ListBox в WPF - PullRequest
Новая
       9

Как группировать ключ и значение с помощью ListBox в WPF

0 голосов
/ 28 августа 2018

У меня есть элемент списка с парой ключ и значение. У меня есть привязка ключа в списке, чтобы его вывод отображался правильно Но значение не показывает. Я знаю, что это очень простой вопрос. Я новичок в WPF. Я сослался на многие сайты и ответы, но я не знаю, где я допустил ошибку в своем коде. Пожалуйста, кто-нибудь, помогите мне достичь этого. Мой пример кода указан ниже,

MainWindow.xaml 

<ListBox
    Name="memberCollection"
    Grid.Row="0"
    MinWidth="150"
    HorizontalAlignment="Stretch"
    VerticalAlignment="Stretch"
    BorderThickness="0"
    ItemsSource="{Binding MainValues}">

    <ListBox.GroupStyle>
        <GroupStyle>
            <GroupStyle.ContainerStyle>
                <Style TargetType="{x:Type GroupItem}">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Expander IsExpanded="True">
                                    <Expander.Header>
                                        <StackPanel Orientation="Horizontal">
                                            <TextBlock Text="{Binding Name}" FontWeight="Bold" />
                                            <ItemsControl ItemsSource="{Binding Values}">
                                                <ItemsControl.ItemTemplate>
                                                    <DataTemplate>
                                                        <Label Content="{Binding Name}"/>
                                                    </DataTemplate>
                                                </ItemsControl.ItemTemplate>
                                            </ItemsControl>
                                        </StackPanel>
                                    </Expander.Header>
                                    <ItemsPresenter />
                                </Expander>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </GroupStyle.ContainerStyle>
        </GroupStyle>
    </ListBox.GroupStyle>                        
</ListBox>

MainViewModel 

public MainViewModel(TestCollection testCollection)
{
    MainValues = new ObservableCollection<Details>();
    TestCollections = testCollection;

    foreach (var _val in TestCollection.GroupingMainCollection)
    {
        MainValues.Add(new Details() { Key = _val.Key, Values = _val.Value});
    }

    CollectionView view = (CollectionView)CollectionViewSource.GetDefaultView(MainValues);
    PropertyGroupDescription groupDescription = new PropertyGroupDescription("Key");
    view.GroupDescriptions.Add(groupDescription);

}

DetailsModel 

public class Details 
{     
    public string Key { get; set; }
    public ObservableCollection<IValue> Values { get; set; }
}

IVALUE 

public interface IValue
{
    string Name { get; set; }            
    string ID { get; set; }
}

1 Ответ

0 голосов
/ 28 августа 2018

Вы не хотите отображать коллекцию Values в заголовке группы, но в содержимом группы, поэтому переместите ItemsControl из-под заголовка Expander и установите его как ItemTemplate.

Вот рабочий код: 

<ListBox
                        Name="memberCollection"
                        Grid.Row="0"
                        MinWidth="150"
                        HorizontalAlignment="Stretch"
                        VerticalAlignment="Stretch"
                        BorderThickness="0"
                        ItemsSource="{Binding MainValues}">
    <ListBox.GroupStyle>
        <GroupStyle>
            <GroupStyle.ContainerStyle>
                <Style TargetType="{x:Type GroupItem}">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Expander IsExpanded="True">
                                    <Expander.Header>
                                        <StackPanel Orientation="Horizontal">
                                            <TextBlock Text="{Binding Name}" FontWeight="Bold" />
                                        </StackPanel>
                                    </Expander.Header>
                                    <ItemsPresenter />
                                </Expander>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </GroupStyle.ContainerStyle>
        </GroupStyle>
    </ListBox.GroupStyle>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <ItemsControl ItemsSource="{Binding Values}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Label Content="{Binding Name}"/>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Grouping ListItem Selection Issue Screenshot

Edit: Если я вас правильно понимаю, вы хотите отобразить коллекцию предметов, а затем выбрать только один элемент в коллекции коллекций предметов!

Код проверки ниже, который использует ItemsControl вместо ListView/ListBox: 

<ScrollViewer>
    <ItemsControl ItemsSource="{Binding MainValues}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Border BorderBrush="Gray" BorderThickness="1" Padding="5" Margin="5">
                    <Expander IsExpanded="True">
                        <Expander.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{Binding Key}" FontWeight="Bold" />
                            </StackPanel>
                        </Expander.Header>

                        <ListBox ItemsSource="{Binding Values}" 
                                BorderThickness="0,1,0,0" Margin="0,5,0,0"
                                DisplayMemberPath="Name" SelectedValuePath="Id" />
                    </Expander>
                </Border>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</ScrollViewer>
...