javascript - 类似 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']
        }
        ...
    }
    ...
}

我想从这个对象生成一个类似 TreeView 的结构我想实现一种选择某些文件的方法(旁边有复选框，空的表示没有选中，选中所有，部分填充；使用) 并且可以对同一文件夹中的文件顺序进行排序。

像这样:

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

有没有办法通过 jQuery 插件或插件组合来实现这一点？我从头开始写这篇文章，但我似乎无法理解它的复杂性

Answer 1

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