The Browsing RootĮspecially with this treeview, that only works on recursion, we don’t want the user navigating to the file system root, and have our poor code recurse all that. I think the above code is readable, given we know its exact purpose, so no more explanation is required. Var thisNode = TreeNode.FromDirInfo(dir) Var directories = dirInfo.GetDirectories( " *", SearchOption.TopDirectoryOnly) Var dirInfo = new DirectoryInfo(directory) Private List RecurseDirectory(string directory) Nodes.AddRange(RecurseDirectory(browsingRoot)) Var browsingRoot = Path.Combine(_config.BaseDir, dir) Public IActionResult TreeData(string dir = " ") Public TreeViewController(IOptions config) Public class TreeViewController : Controller
#BOOTSTRAP TREEVIEW HOW TO#
Once the important stuff is out of the way, in Part 2, I will show you how to package up all this cool into a new Folder Browser widget, with more features and more reusability. At the end of this part, you should be able to create a web page on which people can browse folders. This part of the article covers setting up a treeview to show file system data. My adaptation of this widget for my folder browser is far from feature perfect and has some drawbacks, but it was very quick and easy to implement, it works, and it allows me to choose a folder, the only real requirement here. It is, of course, also free and open source. I chose the Bootstrap Treeview product because it is simple and easy to use, as well as it already being styled like the rest of my project, the “Twitter Bootstrap default look”. It’s almost a pity I won’t be covering that one yet, but for now, I will focus on my Bootstrap based folder browser. JQuery and family have plenty, and one that deserves honourable mention is jQuery FancyTree. I looked around at several file/folder browser widgets I have used, or at least seen, before. The user needs to select a folder for backup to another location. IntroductionĪ short while ago, I had a coding requirement that my usual box of tricks couldn’t meet: a file system folder browser for a web application. That is an article in early progress and will feature here very soon.
Please ignore the FancyTree project in the source. The article submission wizard is messing around with my Code Dowload link, so here is the code in GitHub:
0 kommentar(er)
