древовидный плагин 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 от ShieldUI .

Вы можете настроить его так, как вам нравится, и поддерживает все виды функций.