Блог

У меня есть объект для подобного:

 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, из этого объекта. Я хочу реализовать способ выбора определенных файлов (с флажками рядом с ними, пустыми, если ни один из них не выбран, отмеченными для всех и заполненными частично; используя <img />) и иметь сортируемый порядок файлов в одной папке.

Что-то вроде этого:

Мой конечный результат — выдавать содержимое выбранных файлов обратно в порядке, указанном пользователем.

Есть ли какой-либо способ выполнить это с помощью плагина jQuery или комбинации плагинов? Я начал писать это с нуля, но сама сложность кажется мне неподвластной

я думаю, что jstree является ведущим плагином treeview для jquery прямо сейчас. я нахожу его немного неуклюжим в использовании, но он выполняет свою работу.

Ознакомьтесь с компонентом TreeView от ShieldUI.

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