Styjun

I am trying to populate a treeview using a three-level object.

Input for the treeview is ObservableCollection(GroupClass) where GroupClass contains a property called devices = ObservableCollection(DeviceDetails).

When I click on a DeviceDetails object in the UI, I would like to get the index of DeviceDetails item and the index of the GroupClass object it belongs to.

I have successfully populated the treeview using the collection of the GroupClass using a hierarchical template and data template.

I have looked at how to get the details of the selected item in a treeview, but most of the solution used TreeViewItem.Selected trigger.

In my case, as I am using a hierarchical template and data template I don't have any TreeView Item defined in my XAML.

Group Class:

public class GroupClass

 public GroupClass()
 
 this.devices = new ObservableCollection<DeviceDetails>();
 

 public string groupName get; set; 
 public ObservableCollection<DeviceDetails> devices get; set; 


public class DeviceDetails

 public DeviceDetails()
 
 this.status = "Online";
 this.ipAddress = "192.168.1.1";
 this.dateAccessed = DateTime.Now;
 

 public string deviceName get; set; 
 public string status get; set; 
 public DateTime dateAccessed get; set; 
 public string ipAddress get; set; 

XAML code for populating TreeView:

<Grid x:Name="ListPage" HorizontalAlignment="Stretch" Margin="0,80,0,0" >
 <TreeView x:Name="HostTreeView" HorizontalAlignment="Stretch" >
 <TreeView.Resources>
 <HierarchicalDataTemplate DataType="x:Type local:GroupClass" ItemsSource="Binding devices">
 <Grid HorizontalAlignment="Stretch" Name="HeaderPanel5">
 <Grid Margin="0,0,0,0" >
 <TextBlock Text="Binding groupName" />
 </Grid>
 </Grid>
 </HierarchicalDataTemplate>
 <DataTemplate DataType="x:Type local:DeviceDetails">
 <StackPanel Orientation="Horizontal">
 <CheckBox x:Name="checkBox" />
 <TextBlock Text="Binding deviceName" />
 <TextBlock Text="Binding status" />
 <TextBlock Text="Binding dateAccessed" />
 <TextBlock Text="Binding ipAddress" />
 <Button Content="Rename Device" Height="30"/>
 <Button Content="Remove Device" Height="30"/>
 </StackPanel>
 </DataTemplate>
 </TreeView.Resources>
 </TreeView>
</Grid>

I create a new object of type ObservableCollection and load the values into it from XML file. And then bind the created object to TreeView ItemsSource.

public static ObservableCollection<GroupClass> groups = new ObservableCollection<GroupClass>();
StreamReader sr = new StreamReader("IPProfileData");
XmlSerializer srlzr = new XmlSerializer(typeof(ObservableCollection<GroupClass>));
groups = (ObservableCollection<GroupClass>)srlzr.Deserialize(sr);
HostTreeView.ItemsSource = groups;

When I click on the Rename Device or Remove Device button, I would like to change the groups Object that is created earlier. Eventually my UI gets changed as TreeView is binded with groups object.