ListView Grid in grid

Question

I have a listview with id, name and price. Each such an item has a sublist with categories.

So "for each" Item I want to display all subitems. This is would it should look like:

But I don't know how to do it. Here is my xaml code.

<ListView.View>
<GridView>
    <GridViewColumn Width="140" Header="ID" DisplayMemberBinding="{Binding ID}"/>
    <GridViewColumn Width="140" Header="Name" DisplayMemberBinding="{Binding Name}" />
    <GridViewColumn Width="300" Header="Price" DisplayMemberBinding="{Binding Price}" />
</GridView>

<!-- ??? -->
<Gridview ItemSource="{Binding Childs}">

I have to add a subgrid I think, but I don't know how.

This is my class structure

public class GroupedItem
{
    public int ID { get; set; }
    public string Name { get; set; }
    public float Price { get; set; }

    public IEnumerable<Item> Childs { get; set; }
}

Has someone an idea?

here an example http://stackoverflow.com/questions/871205/nested-wpf-datagrids — Ghassen, Oct 01 '15 at 07:56

Ghassen · Accepted Answer · 2015-10-19T16:17:58.763

you can do this with datagrid :

 <w:DataGrid ItemsSource={Binding Source={StaticResource GroupedItemList}}>
    <w:DataGrid.RowDetailsTemplate>
        <DataTemplate>
            <w:DataGrid ItemsSource={Binding Childs }>

            </w:DataGrid>
        </DataTemplate>
    </w:DataGrid.RowDetailsTemplate>
    <w:DataGrid.Columns>
        <w:DataGridTextColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
        <w:DataGridTextColumn Header="Price" DisplayMemberBinding="{Binding Price}" />
    </w:DataGrid.Columns>

Also you can use this datagrid in codeplex it's free

WPF Extended DataGrid

score -1 · Answer 2 · edited May 23 '17 at 12:23

-1

You might want to use so-called tree-grid-view. There are really cool proprietary implementations by DevExpress and Infragistics. But also there are free soultions, descussed here

edited May 23 '17 at 12:23

Community

1
1

answered Oct 01 '15 at 08:06

maiksaray

358
2
14

score -1 · Answer 3 · answered Oct 01 '15 at 08:10

-1

In your listviewitem you will have to build a template with an other listview so your second listview is bind to

 public IEnumerable<Item> Childs { get; set; }

answered Oct 01 '15 at 08:10

Zwan

632
2
6
23

ListView Grid in grid

3 Answers3