Question

My ViewModel looks like this:

public class DirectoryViewModel : ViewModelBase
    {

        public ObservableCollection<DirectoryViewModel> SubDirectoryList { get; set; }

        public ObservableCollection<FileViewModel> FileList { get; set; }

        public string Name { get; set; } 
    }

Under each directory, there may be it’s own files as well as sub-directories. How can I make both of it’s sub-directories and files display on a same level of a TreeView?

Answer 1

Change your class like this:

public class DirectoryViewModel : ViewModelBase
{

    public ObservableCollection<ViewModelBase> ItemsInDirectory { get; set; }

    public string Name { get; set; } 
}

ViewModelBase has to be the base class of DirectoryViewModel and FileViewModel. Put all your files and directories into the ItemsInDirectory collection.

Then create 2 HierarchicalDataTemplates one for class DirectoryViewModel and one for FileViewModel