文件资源管理器的JS树视图 [英] JS Tree View for File Explorer

问题描述

我想要一个带有JavaScript代码的树视图，我只想在其中添加文件路径，它向我显示树中的整个目录，当我选择一个节点时，它会向我显示文件的内容，就像文件资源管理器一样。节点应该是div。

请提供我可以下载代码的链接。

实际上我想构建
$ b $树b

I want a tree view with code behind of JavaScript in which I just want to add path of files and it show me the whole directory in tree and when I select a node it show me the contents of file just like file explorer do. The nodes should be in divs.
Please give the links from where I can download the code.
Actually I want to build the tree of

var cars = [{
            "Root": "",
            "Node": "Pakistan",
            "SubNode": [{
                "Root": "Pakistan",
                "Node": "Punjab",
                "SubNode": [{
                    "Root": "Punjab",
                    "Node": "Lahore",
                    "SubNode": [{}]
                },
                {
                    "Root": "Punjab",
                    "Node": "Multan",
                    "SubNode": [{}]
                }]
            },
            {
                "Root": "Pakistan",
                "Node": "Khaiber",
                "SubNode": [{
                    "Root": "Khaiber",
                    "Node": "Peshawar",
                    "SubNode": [{}]
                },
                {
                    "Root": "Khaiber",
                    "Node": "Sawat",
                    "SubNode": [{}]
                }]
            },
            {
                "Root": "Pakistan",
                "Node": "Balochistan",
                "SubNode": [{
                    "Root": "Balochistan",
                    "Node": "Quetta",
                    "SubNode": [{}]
                },
                {
                    "Root": "Balochistan",
                    "Node": "Gawadar",
                    "SubNode": [{}]
                }]
            },
            {
                "Root": "Pakistan",
                "Node": "Sindh",
                "SubNode": [{
                    "Root": "Sindh",
                    "Node": "Karachi",
                    "SubNode": [{}]
                },
                {
                    "Root": "Sindh",
                    "Node": "Haiderabad",
                    "SubNode": [{}]
                }]
            }]
        }];

推荐答案

你好，

按照这篇文章，它会给你清晰的概念。 />


填充数据库中的TreeView控件 [ ^ ]



谢谢。

Rashed ::孟加拉国

Hello,
Follow this given article, it will give you clear concept.

Populating a TreeView Control from the Database[^]

Thank you.
Rashed::Bangladesh

您好，我想这个例子会更好。



http：// wwwendt .de / tech / dynatree / doc / samples.html [ ^ ]



谢谢。

Rashed ::孟加拉国

Hello, I think this example will better for you.

http://wwwendt.de/tech/dynatree/doc/samples.html[^]

Thanks.
Rashed::Bangladesh

这篇关于文件资源管理器的JS树视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！