Back to Devexpress

TabViewDetailDescriptor Class

wpf-devexpress-dot-xpf-dot-grid-38eb19ae.md

latest5.8 KB
Original Source

TabViewDetailDescriptor Class

Displays multiple Details within a tabbed container.

Namespace : DevExpress.Xpf.Grid

Assembly : DevExpress.Xpf.Grid.v25.2.Core.dll

NuGet Package : DevExpress.Wpf.Grid.Core

Declaration

csharp
public class TabViewDetailDescriptor :
    MultiDetailDescriptor
vb
Public Class TabViewDetailDescriptor
    Inherits MultiDetailDescriptor

Remarks

If you want to display multiple Details within a tabbed container, use a TabViewDetailDescriptor object to initialize the master grid’s GridControl.DetailDescriptor property.

To populate the tabbed container with Details, use the MultiDetailDescriptor.DetailDescriptors property.

Note

The TabViewDetailDescriptor does not allow adding details at runtime.

Example

This example creates tabbed details (TabViewDetailDescriptor) in the GridControl. The Orders tab displays the GridControl (DataControlDetailDescriptor), and the Notes tab displays a memo field (ContentDetailDescriptor).

View Example: Display Detail Content in Tabs

xaml
<Window.Resources>
    <DataTemplate x:Key="EmployeeNotes">
        <TextBlock Text="{Binding Path=Notes}" TextWrapping="Wrap" Padding="4"/>
    </DataTemplate>
</Window.Resources>
<Grid>
    <dxg:GridControl x:Name="grid" AutoGenerateColumns="AddNew">
        <dxg:GridControl.View>
            <dxg:TableView DetailHeaderContent="Employees" AutoWidth="True" ShowGroupPanel="False"/>
        </dxg:GridControl.View>
        <dxg:GridControl.DetailDescriptor>
            <dxg:TabViewDetailDescriptor>
                <dxg:DataControlDetailDescriptor ItemsSourcePath="Orders">
                    <dxg:DataControlDetailDescriptor.DataControl>
                        <dxg:GridControl AutoGenerateColumns="AddNew">
                            <dxg:GridControl.View>
                                <dxg:TableView DetailHeaderContent="Orders" AutoWidth="True" ShowGroupPanel="False"/>
                            </dxg:GridControl.View>
                        </dxg:GridControl>
                    </dxg:DataControlDetailDescriptor.DataControl>
                </dxg:DataControlDetailDescriptor>
                <dxg:ContentDetailDescriptor ContentTemplate="{StaticResource EmployeeNotes}" HeaderContent="Notes"/>
            </dxg:TabViewDetailDescriptor>
        </dxg:GridControl.DetailDescriptor>
    </dxg:GridControl>
</Grid>

The following code snippets (auto-collected from DevExpress Examples) contain references to the TabViewDetailDescriptor class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

wpf-data-grid-display-detail-content-in-tabs/CS/WpfApplication18/MainWindow.xaml#L17

xml
<dxg:GridControl.DetailDescriptor>
    <dxg:TabViewDetailDescriptor>
        <dxg:DataControlDetailDescriptor ItemsSourcePath="Orders">

wpf-data-grid-display-chart-control-in-grid-details/CS/WpfApplication19/MainWindow.xaml#L52

xml
<dxg:GridControl.DetailDescriptor>
    <dxg:TabViewDetailDescriptor>
        <dxg:ContentDetailDescriptor ContentTemplate="{StaticResource ContentDetail}" HeaderContent="ContentDetailDescriptor"/>

Inheritance

Show 11 items

Object DispatcherObject DependencyObject ContentElement FrameworkContentElement DXFrameworkContentElement DetailDescriptorBase ContentDetailDescriptor DevExpress.Xpf.Grid.MultiDetailDescriptorBase MultiDetailDescriptor TabViewDetailDescriptor

See Also

TabViewDetailDescriptor Members

ContentDetailDescriptor

DataControlDetailDescriptor

DetailDescriptor

Create a Master-Detail Grid in Code

DevExpress.Xpf.Grid Namespace