ez-tree

ez-tree — это простая и легковесная библиотека JavaScript для создания деревьев в веб-приложениях.

Установка

Вы можете установить ez-tree через npm или включить его напрямую в свой проект.

NPM

npm install ez-tree --save

Прямое включение

Добавьте тег скрипта в ваш HTML-файл для использования ez-tree.

<script src="path/to/ez-tree.js"></script>

Использование

Чтобы создать структуру дерева с помощью ez-tree, вам нужно сначала инициализировать экземпляр библиотеки данными.

Инициализация

Инициализируйте дерево, передав массив узлов как данные.

const myTree = new EzTree([
  { id: 'root', name: 'Root Node' },
  { id: 'child1', name: 'Child Node 1', parent_id: 'root' },
  { id: 'child2', name: 'Child Node 2', parent_id: 'root' }
]);

Методы

Следующие методы доступны на объекте EzTree:

• addNode(node) - Добавляет узел в дерево.
• removeNode(id) - Удаляет узел из дерева на основе его ID.
• getNode(id) - Получает узел из дерева на основе его ID.
• render() - Отображает структуру дерева в DOM.

Пример

Вот пример того, как добавить узел в дерево после инициализации.

myTree.addNode({
  id: 'grandchild',
  name: 'Grandchild Node',
  parent_id: 'child1'
});

Вклад

Вклады приветствуются! Пожалуйста, прочитайте инструкции по вкладам до отправки любых запросов на слияние.

Лицензия

Этот проект лицензирован под лицензией MIT — см. файл LICENSE.md для подробностей.