WPF Data Grid - Bind Master and Detail Focused Rows to View Model Properties

This example binds focused rows in master and detail grids to View Model properties. The focused row's name for each nested level is displayed below the GridControl:

You can bind CurrentItem, SelectedItem, and SelectedItems properties for master and detail grids to View Model properties.

Documentation

More Examples

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)

Example Code

Window1.xaml

XAML
<Window
    x:Class="MasterDetailInside.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:MasterDetailInside"
    Title="Window1"
    Width="700"
    Height="500">

    <Window.DataContext>
        <local:ViewModel />
    </Window.DataContext>

    <Window.Resources>
        <Style TargetType="dxg:TableView">
            <Setter Property="ShowGroupPanel" Value="False" />
        </Style>
    </Window.Resources>

    <DockPanel>
        <StackPanel DockPanel.Dock="Bottom">
            <TextBlock Text="{Binding Level1CurrentItem.Name, FallbackValue=NONE}" />
            <TextBlock Text="{Binding Level2CurrentItem.Name, FallbackValue=NONE}" />
            <TextBlock Text="{Binding Level3CurrentItem.Name, FallbackValue=NONE}" />
        </StackPanel>
        <dxg:GridControl
            AutoGenerateColumns="AddNew"
            CurrentItem="{Binding Level1CurrentItem}"
            ItemsSource="{Binding Data}">
            <dxg:GridControl.DetailDescriptor>
                <dxg:DataControlDetailDescriptor ItemsSourceBinding="{Binding Items}">
                    <dxg:GridControl AutoGenerateColumns="AddNew" CurrentItem="{Binding Level2CurrentItem}">
                        <dxg:GridControl.DetailDescriptor>
                            <dxg:DataControlDetailDescriptor ItemsSourceBinding="{Binding Items}">
                                <dxg:GridControl AutoGenerateColumns="AddNew" CurrentItem="{Binding Level3CurrentItem}" />
                            </dxg:DataControlDetailDescriptor>
                        </dxg:GridControl.DetailDescriptor>
                    </dxg:GridControl>
                </dxg:DataControlDetailDescriptor>
            </dxg:GridControl.DetailDescriptor>
        </dxg:GridControl>
    </DockPanel>

</Window>

ViewModel.cs(vb)

C#
VB.NET

C#
using DevExpress.Mvvm;
using System.Collections.ObjectModel;

namespace MasterDetailInside {
    public class ViewModel : BindableBase {
        public Item Level1CurrentItem { get { return GetValue<Item>(); } set { SetValue(value); } }
        public Item Level2CurrentItem { get { return GetValue<Item>(); } set { SetValue(value); } }
        public Item Level3CurrentItem { get { return GetValue<Item>(); } set { SetValue(value); } }
        public ObservableCollection<Item> Data { get; }
        public ViewModel() {
            Data = new ObservableCollection<Item>();
            for (int i = 0; i < 50; i++) {
                Item item1 = new Item() { Id = i, Name = string.Format("Item_{0}", i), };
                for (int j = 0; j < 10; j++) {
                    Item item2 = new Item() { Id = j, Name = string.Format("Item_{0}.{1}", i, j) };
                    for (int k = 0; k < 5; k++) {
                        item2.Items.Add(new Item() { Id = k, Name = string.Format("Item_{0}.{1}.{2}", i, j, k) });
                    }
                    item1.Items.Add(item2);
                }
                Data.Add(item1);
            }
        }
    }
    public class Item : BindableBase {
        public int Id { get { return GetValue<int>(); } set { SetValue(value); } }
        public string Name { get { return GetValue<string>(); } set { SetValue(value); } }
        public ObservableCollection<Item> Items { get; }
        public Item() {
            Items = new ObservableCollection<Item>();
        }
    }
}

Visual Basic
Imports DevExpress.Mvvm
Imports System.Collections.ObjectModel

Namespace MasterDetailInside

    Public Class ViewModel
        Inherits BindableBase

        Public Property Level1CurrentItem As Item
            Get
                Return GetValue(Of Item)()
            End Get

            Set(ByVal value As Item)
                SetValue(value)
            End Set
        End Property

        Public Property Level2CurrentItem As Item
            Get
                Return GetValue(Of Item)()
            End Get

            Set(ByVal value As Item)
                SetValue(value)
            End Set
        End Property

        Public Property Level3CurrentItem As Item
            Get
                Return GetValue(Of Item)()
            End Get

            Set(ByVal value As Item)
                SetValue(value)
            End Set
        End Property

        Public ReadOnly Property Data As ObservableCollection(Of Item)

        Public Sub New()
            Data = New ObservableCollection(Of Item)()
            For i As Integer = 0 To 50 - 1
                Dim item1 As Item = New Item() With {.Id = i, .Name = String.Format("Item_{0}", i)}
                For j As Integer = 0 To 10 - 1
                    Dim item2 As Item = New Item() With {.Id = j, .Name = String.Format("Item_{0}.{1}", i, j)}
                    For k As Integer = 0 To 5 - 1
                        item2.Items.Add(New Item() With {.Id = k, .Name = String.Format("Item_{0}.{1}.{2}", i, j, k)})
                    Next

                    item1.Items.Add(item2)
                Next

                Data.Add(item1)
            Next
        End Sub
    End Class

    Public Class Item
        Inherits BindableBase

        Public Property Id As Integer
            Get
                Return GetValue(Of Integer)()
            End Get

            Set(ByVal value As Integer)
                SetValue(value)
            End Set
        End Property

        Public Property Name As String
            Get
                Return GetValue(Of String)()
            End Get

            Set(ByVal value As String)
                SetValue(value)
            End Set
        End Property

        Public ReadOnly Property Items As ObservableCollection(Of Item)

        Public Sub New()
            Items = New ObservableCollection(Of Item)()
        End Sub
    End Class
End Namespace

Alex Chuev (DevExpress)

last modified 2 years ago

Modified: February 27, 2023 11:26 AM

Platform: WPF

Product: DXGrid and DXTreeList for WPF

Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.