Selected Item in WPF Tree Navigator (SfTreeNavigator)

7 May 20212 minutes to read

The SelectedItem property of SfTreeNavigator can be used to get or set the SelectedItem in SfTreeNavigator.

Please find the code example for the same from below:

XAML

<Grid>
<!--Binding the selecteditem for TreeNavigator-->
<navigation:SfTreeNavigator Header="MailBox" x:Name="TreeNavigator" Width="500" Height="300" SelectedItem="{Binding SelectedItem, Mode=TwoWay}">
<navigation:SfTreeNavigatorItem Header="Mail"/>
<navigation:SfTreeNavigatorItem Header="Favorite Folders"/>
<navigation:SfTreeNavigatorItem  Header="Contacts">
<navigation:SfTreeNavigatorItem  Header="Task"/>
</navigation:SfTreeNavigatorItem>
<navigation:SfTreeNavigatorItem  Header="Notes"/>
</navigation:SfTreeNavigator>
</Grid>

C#

public partial class MainWindow : ChromelessWindow
{
    public MainWindow()
    {
        InitializeComponent();
        this.DataContext = new ViewModel();
//Set the selecteditem
        (this.DataContext as ViewModel).SelectedItem = TreeNavigator.Items[1];
    }
}
//Initiate the viewmodel class
    public class ViewModel
    {
        private object selecteditem;
        public object SelectedItem
        {
// Get the selecteditem
            get 
            { 
                return selecteditem;
            }
            set
            {
//Set the selecteditem
                selecteditem = value;
            }
        }
    }
}

VB.NET

'Initiate the viewmodel class
Partial Public Class MainWindow
Inherits ChromelessWindow
Public Sub New()
InitializeComponent()
Me.DataContext = New ViewModel()
(TryCast(Me.DataContext, ViewModel)).SelectedItem = TreeNavigator.Items(1)
End Sub
Public Class ViewModel
Private selecteditem As Object

'Get the selecteditem
Public Property SelectedItem As Object
Get
Return SelectedItem
End Get

'Set the selecteditem
Set(ByVal value As Object)
selecteditem = value
End Set
End Property
End Class

Fig i: Shows the Item has been selected in SfTreeNavigator