如何在asp.net mvc 2中创建树视图？

Question

我有几个数据库表，一个用于文件夹，一个用于文件，具有以下模式。

资料夹

• 资料夹编号
• 文件夹名称
• 创建日期
• ParentFolderID

档案

• 文件ID
• 文档名称
• 文件扩展名
• 描述
• 资料夹编号
• 更新日期
• 下载数

基本上，我需要知道如何以这样的方式查询这些内容，使得返回的JSON可以与jQuery Treeview插件或jqTree一起使用 。

我有两个类，File和Folder，可用于从数据库返回的数据中创建File和Folder对象，但是我不确定如何将其作为json返回，因此文件夹包含其子目录。文件夹和所有文件显示在正确的文件夹中。

我搜索了所有帮助，将不胜感激，但是我能找到的只是一个使用ASP.NET MVC 3的示例，不幸的是，我在该项目上使用ASP.NET MVC2。

提前致谢。

public class Folder
{
    public int FolderID { get; set; }
    public string FolderName { get; set; }        
    public IList<Folder> Subfolders { get; set; }
    public IList<File> Files { get; set; } 
    public bool IsRootFolder
    {
        get { return Subfolders.Count == 0; }
    }
}

public class File
{
    public int FileID { get; set; }
    public int FolderID { get; set; }
    public string FileName { get; set; }
    public string Exstension { get; set; }
    public string Description { get; set; }
    public DateTime? UploadDate { get; set; }
    public int DownloadCount { get; set; }
}

Answer 1

树视图的HTML只是嵌套的无序列表（ul和li元素）。 因此，只需从您的JSON数据生成此代码，然后使用您的插件设置最外层列表的样式即可。

例如，如果您使用的是jQuery treeview插件，则可以生成：

<ul id="tree">
    <li>Node 1</li>
    <li>Node 2</li>
        <ul>
            <li>Node 2.1</li>
            <li>Node 2.2</li>
        </ul>
    <li>Node 3</li>
</ul>

然后使用以下样式：

$("#tree").treeview();