treeview-like 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']
        }
        ...
    }
    ...
}

我想从这个对象生成一个类似树视图的结构我希望实现一种选择某些文件的方法(旁边有复选框,没有选中空,所有选中,部分填充;使用<img />)和让同一文件夹中的文件顺序可排序.

像这样的东西:

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

有没有办法通过jQuery插件或插件组合来实现这一目标？我从头开始写这个,但纯粹的复杂性似乎超出了我

Answer 1

我认为jstree现在是jquery的领先树视图插件.我发现使用它有点笨拙,但它完成了工作.