Articles in this section
Category / Section

How to insert ComboBoxAdv in Template of SfTreeNavigatorItem?

1 min read

This article describes how to add ComboBox to each TreeNavigatorItem by editing the ItemTemplate of the SfTreeNavigator.

 

The following code snippet explains how to add ComboBox inside the SfTreeNavigator itemtemplate.

C#

public class TreeModel 
    {
        public TreeModel()
        {
 
            Models = new ObservableCollection<TreeModel>();
            newModels = new ObservableCollection<TreeModel>();
 
        }
        private string header;
 
        public string Header
        {
 
            get { return header; }
 
            set { header = value; }
 
        }
 
        private ObservableCollection<TreeModel> models;
 
        public ObservableCollection<TreeModel> Models
        {
 
            get { return models; }
 
            set { models = value; }
 
        }
 
        private ObservableCollection<TreeModel> newmodels;
 
        public ObservableCollection<TreeModel> newModels
        {
 
            get { return newmodels; }
 
            set { newmodels = value; }
 
        }
    }
}

 

public class TreeViewModel
    {
 
        private List<TreeModel> models;
 
        public List<TreeModel> Models
        {
 
            get { return models; }
 
            set { models = value; }
 
        }
 
        public TreeViewModel()
        {
 
            Models = new List<TreeModel>();
 
            TreeModel wpf = new TreeModel() { Header = "WPF" };     
 
            TreeModel winrt = new TreeModel() { Header = "WinRT (XAML)" };            
 
            TreeModel metroStudio = new TreeModel() { Header = "Metro Studio" };
 
            TreeModel winrt_chart = new TreeModel() { Header = "Chart" };
 
            TreeModel winrt_tools = new TreeModel() { Header = "Tools" };
 
            winrt.Models.Add(winrt_chart);
 
            winrt.Models.Add(winrt_tools);
 
            winrt.newModels.Add(winrt_chart);
 
            winrt.newModels.Add(winrt_tools);
 
            metroStudio.newModels.Add(winrt_chart);
 
            metroStudio.newModels.Add(winrt_tools);
 
            winrt_chart.newModels.Add(winrt_chart);
 
            winrt_chart.newModels.Add(winrt_tools);
 
            winrt_tools.newModels.Add(winrt_chart);
 
            winrt_tools.newModels.Add(winrt_tools);
 
            Models.Add(winrt);
 
            Models.Add(metroStudio);
 
        }
 
    }
}

 

 

 

 

 

 

 

XAML:

 

<syncfusion:SfTreeNavigator.ItemTemplate>
 
   <HierarchicalDataTemplate ItemsSource="{Binding Models}">
        <StackPanel Orientation="Horizontal">
 
           <TextBlock Text="{Binding Header}" Foreground="Green" FontWeight="Bold" 
 
                                VerticalAlignment="Center" Margin="18 0 18 0"/>
 
         <ComboBox Grid.Column="1" ItemsSource="{Binding newModels}" SelectedIndex="0" 
 
                                   Foreground="Green" FontWeight="Bold" >
             <ComboBox.ItemTemplate>
                  <DataTemplate>
                       <TextBlock Text="{Binding Header}"/>
                  </DataTemplate>
            </ComboBox.ItemTemplate>
         </ComboBox>
       </StackPanel>
               
     </HierarchicalDataTemplate>
</syncfusion:SfTreeNavigator.ItemTemplate>

 

 

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied