Populating-Data in WPF Navigation Pane (GroupBar)

31 Dec 20251 minute to read

Data can be populated in the GroupBar control thought XAML, C#, or XML. The GroupBar control also supports binding to objects. The following sections describe how to implement these different forms of data population.

Through XAML

Create a GroupBar control in XAML, as seen below.

XAML

<syncfusion:GroupBar Name="groupBar1">
    <syncfusion:GroupBarItem HeaderText="NewGroupBarItem1" IsSelected="True" >
        <syncfusion:GroupView>
            <syncfusion:GroupViewItem Text="New GroupViewItem" />
        </syncfusion:GroupView>
    </syncfusion:GroupBarItem>
    <syncfusion:GroupBarItem HeaderText="NewGroupBarItem2" />
    <syncfusion:GroupBarItem HeaderText="NewGroupBarItem3"  />
</syncfusion:GroupBar>

Through C#

To create a GroupBar control in C# , include the following namespace to the directives list.

C#

using Syncfusion.Windows.Tools.Controls;

Next, create the GroupBar as follows.

C#

GroupBar gBar = new GroupBar();
GroupBarItem gBarItem1 = new GroupBarItem() { HeaderText ="NewGroupBarItem1", 					IsSelected = true };
GroupView gView = new GroupView();
GroupViewItem gViewItem = new GroupViewItem() { Text="New GroupViewItem"};
gView.Items.Add(gViewItem);
gBarItem1.Content = gView;
GroupBarItem gBarItem2 = new GroupBarItem() { HeaderText="NewGroupBarItem2"};
GroupBarItem gBarItem3 = new GroupBarItem() { HeaderText="NewGroupBarItem3"};
gBar.Items.Add(gBarItem1);
gBar.Items.Add(gBarItem2);
gBar.Items.Add(gBarItem3);

This will generate the following GroupBar control.