类似treeview的jquery插件

Question

我有一个这样的对象：

var obj = {
    c: {
        games: {
            game1: {
                howToPlay: { files: ['instructions.txt'] },
                files: ['characters.txt', 'wildCards.txt']
            },
            game2: { files: ['credits.txt'] }
        }
        'program files': {
            microsoft: { files: ['ieShortcuts.txt'] }
        }
        logs {
            zipped: { files: ['bigfile.txt'] },
            files: ['log1', 'log2', 'log3', 'log4', 'log5']
        }
        ...
    }
    ...
}

我想从这个对象生成一个类似树视图的结构我想实现一种选择某些文件的方法（在它们旁边带有复选框，未选中为空，全部选中，部分填充；使用 ) 并且可以对同一文件夹中的文件进行排序。

类似这样的：

我的最终结果是按照用户指定的顺序吐回所选文件的内容。

有没有办法通过 jQuery 插件或插件组合来实现这一点？我从头开始写这篇文章，但纯粹的复杂性似乎超出了我的范围

Answer 1

我认为jstree 是目前 jquery 的领先树视图插件。我发现它使用起来有点笨拙，但它可以完成工作。

Answer 2

查看TreeView component by ShieldUI。

您可以随心所欲地对其进行自定义，并支持各种功能。