20.12.
2017 Display Sub Directories and Files in Treeview - CodeProject
13,304,397 members (51,474 online) Sign in
Search for articles, questions, tips
articles Q&A forums lounge
Display Sub Directories and Files in Treeview
Altaf Ansari, 4 Dec 2017
4.67 (4 votes) Rate this:
Load Directory and sub directory and files
Download source code - 65 KB
Introduction
In this tip, I am going to share with you how to Display Sub Directories and Files in Treeview in C#.
Here, we are going to learn to Display Sub directories and Files into TreeView and by using Tooltip on Mouse Hover, it will display the path of the file or folder. This
article will help you to understand the TreeView and TreeNode’s concepts.
Targeted Audiences
The targeted audience is people with basic knowledge of C#.
Explanation
Things to do:
Make a C# WinForm application
Create UI
Code
Create a New Project and give it a suitable name as I gave the project name ‘DisplayDirectoryTreeview’.
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 1/7
20.12.2017 Display Sub Directories and Files in Treeview - CodeProject
Now, make a UI which contains two Buttons, one Textbox, one ProgressBar, a single TreeView, FolderBrowserDialog, ImageList and ToolTip
tool. So, here, our UI looks like the following:
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 2/7
20.12.2017 Display Sub Directories and Files in Treeview - CodeProject
Now, I will explain the functionality of these components which we used in our form. There is Textbox which we used to take User input for directory path, we have
used FolderBrowserDialog for the same purpose, ImageList to store the Folder and File Icons Images, Progressbar to showing the progress, after
selecting the Directory path, user can click ‘Load Directory’ button to load the selected directory.
Code
Hide Copy Code
using System.Windows.Forms;
using System.IO;
Code for the folder browse button click event.
Hide Copy Code
private void btnDirectoryPath_Click(object sender, EventArgs e)
{
folderBrowserDialog1.SelectedPath = txtDirectoryPath.Text;
DialogResult drResult = folderBrowserDialog1.ShowDialog();
if (drResult == System.Windows.Forms.DialogResult.OK)
txtDirectoryPath.Text = folderBrowserDialog1.SelectedPath;
}
Code for the ‘Load Directory’ button click event. In this function, we are clearing the old data such resetting the progressbar value and clearing Treeview nodes
data and then we are calling our main function ‘LoadDirectory’.
Hide Copy Code
private void btnLoadDirectory_Click(object sender, EventArgs e)
{
// Setting Initial Value of Progress Bar
progressBar1.Value = 0;
// Clear All Nodes if Already Exists
treeView1.Nodes.Clear();
toolTip1.ShowAlways = true;
if (txtDirectoryPath.Text != "" && Directory.Exists(txtDirectoryPath.Text))
LoadDirectory(txtDirectoryPath.Text);
else
MessageBox.Show("Select Directory!!");
}
In this function, we are passing a root directory path which we are getting from the textbox in function parameter and loading sub directories of the given path and
creating nodes for each respective directory, as shown in the below code:
Hide Copy Code
// Loading Data From EXcel to DataGridView
public void LoadDirectory(string Dir)
{
DirectoryInfo di = new DirectoryInfo(Dir);
//Setting ProgressBar Maximum Value
progressBar1.Maximum = Directory.GetFiles(Dir, "*.*", SearchOption.AllDirectories).Length +
Directory.GetDirectories(Dir, "**", SearchOption.AllDirectories).Length;
TreeNode tds = treeView1.Nodes.Add(di.Name);
tds.Tag = di.FullName;
tds.StateImageIndex = 0;
LoadFiles(Dir, tds);
LoadSubDirectories(Dir, tds);
}
In this function, we are passing a directory path in function parameter and loading sub directories of the given path and creating nodes for each respective directory
and setting Image for the directory node, as shown in the below code:
Hide Copy Code
private void LoadSubDirectories(string dir, TreeNode td)
{
// Get all subdirectories
string[] subdirectoryEntries = Directory.GetDirectories(dir);
// Loop through them to see if they have any other subdirectories
foreach (string subdirectory in subdirectoryEntries)
{
DirectoryInfo di = new DirectoryInfo(subdirectory);
TreeNode tds = td.Nodes.Add(di.Name);
tds.StateImageIndex = 0;
tds.Tag = di.FullName;
LoadFiles(subdirectory, tds);
LoadSubDirectories(subdirectory, tds);
UpdateProgress();
}
}
In this function, we are passing a directory path in function parameter and loading files of the given path and creating nodes for each respective file and setting Image
for the file node, as shown in the below code:
Hide Copy Code
private void LoadFiles(string dir, TreeNode td)
{
string[] Files = Directory.GetFiles(dir, "*.*");
// Loop through them to see files
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 3/7
20.12.2017 Display Sub Directories and Files in Treeview - CodeProject
foreach (string file in Files)
{
FileInfo fi = new FileInfo(file);
TreeNode tds = td.Nodes.Add(fi.Name);
tds.Tag = fi.FullName;
tds.StateImageIndex = 1;
UpdateProgress();
}
}
In ‘UpdateProgress’ function, we are simply increasing the progressbar value and on the basis of current progressbar value and maximum value, we are
displaying the total progress in percentage.
Hide Copy Code
private void UpdateProgress()
{
if (progressBar1.Value < progressBar1.Maximum)
{
progressBar1.Value++;
int percent = (int)(((double)progressBar1.Value / (double)progressBar1.Maximum) * 100);
progressBar1.CreateGraphics().DrawString(percent.ToString() + "%",
new Font("Arial", (float)8.25, FontStyle.Regular), Brushes.Black,
new PointF(progressBar1.Width / 2 - 10, progressBar1.Height / 2 - 7));
Application.DoEvents();
}
}
Code for the Mouse Move event, here we are applying tooltip to each TreeView node, first we are finding the exact location of mouse and on the basis of location of
TreeView, we are finding the TreeNode, and displaying the TreeNode Tag data in tooltip.
Hide Copy Code
private void treeView1_MouseMove(object sender, MouseEventArgs e)
{
// Get the node at the current mouse pointer location.
TreeNode theNode = this.treeView1.GetNodeAt(e.X, e.Y);
// Set a ToolTip only if the mouse pointer is actually paused on a node.
if (theNode != null && theNode.Tag != null)
{
// Change the ToolTip only if the pointer moved to a new node.
if (theNode.Tag.ToString() != this.toolTip1.GetToolTip(this.treeView1))
this.toolTip1.SetToolTip(this.treeView1, theNode.Tag.ToString());
}
else // Pointer is not over a node so clear the ToolTip.
{
this.toolTip1.SetToolTip(this.treeView1, "");
}
}
Output
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 4/7
20.12.2017 Display Sub Directories and Files in Treeview - CodeProject
Conclusion
By using these easy and simple methods, we can load a particular directory data in TreeView, these simple tips may help a beginner level reader to understand the
concepts of TreeView and TreeNodes and also there is no direct option to display tooltip for each node in TreeView so here you will get the easiest method of
tooltip for Treeview Nodes. And also displaying image icon in TreeNode.
Hope this will help you and you would like this article.
Please give your valuable feedback in the comments section.
License
This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)
Share
TWITTER FACEBOOK
About the Author
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 5/7
20.12.2017 Display Sub Directories and Files in Treeview - CodeProject
Altaf Ansari
Software Developer Prothious Engineering Services
India
I am Dot Net Developer and Working on Microsoft Technology Asp.Net, C#, SQL, Windows Application, Web Application.
You may also be interested in...
Using PDFs to Manage and Share Content SAPrefs - Netscape-like Preferences Dialog
Enhanced BrowseForFolder styled TreeView Window Tabs (WndTabs) Add-In for DevStudio
Displaying XML in a WPF TreeView To Heap or not to Heap; That’s the Large Object Question?
Comments and Discussions
You must Sign In to use this message board.
Search Comments
First Prev Next
Great
Member 13560289 5-Dec-17 16:15
Display Sub Directories and Files in Treeview is great, I got somuch nice information.
Exolearn!
Sign In · View Thread
Re: Great
Altaf Ansari 5-Dec-17 18:23
Thank You...
Sign In · View Thread
Suggest not using Application.DoEvents()
Ravi Bhavnani 5-Dec-17 9:34
You'd be better off asynchronously searching for files and folders and populating the tree control via event handlers. To understand why use of
Application.DoEvents() isn't recommend, see the Caution note on this[^] MSDN page.
/ravi
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 6/7
20.12.2017 Display Sub Directories and Files in Treeview - CodeProject
My new year resolution: 2048 x 1536
Home | Articles | My .NET bits | Freeware
ravib(at)ravib(dot)com
Sign In · View Thread
Re: Suggest not using Application.DoEvents()
Altaf Ansari 5-Dec-17 22:53
Thank you for suggestion... will keep it mind in my next publish..
Sign In · View Thread
Refresh 1
General News Suggestion Question Bug Answer Joke Praise Rant Admin
Permalink | Advertise | Privacy | Terms of Use | Mobile Layout: fixed | Article Copyright 2017 by Altaf Ansari
Sprache auswählen ▼
Web03 | 2.8.171207.1 | Last Updated 5 Dec 2017 fluid Everything else Copyright © CodeProject, 1999-2017
https://www.codeproject.com/Tips/1219576/Display-Sub-Directories-and-Files-in-Treeview 7/7
