Показать сообщение отдельно
  #1 (permalink)  
Старый 28.01.2015, 15:37
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Vanillatree - ванильная реализация jstree
В связи с тем, что одобрили мой пулл-риквест в репку microjs, представляю на суд общественности свою небольшую разработку Vanillatree.



Скрипт является ванильной заменой для jQuery плагина jstree. Поддерживается Internet Explorer 10+. Чтоб работало в деватом, нужно подключить полифил classList.

API предоставляет методы для добавления, удаления, выбора, сворачивания и разворачивания ветвей.

add(options) -- добавляет ветвь
move(id, parentId) -- переносит ветвь к другому родителю
remove(id) -- удаляет ветвь
open(id) -- разврорачивает поддерево
close(id) -- сворвчивает поддерево
toggle(id) -- сворачивает или разворачивает поддерево в зависимости от состояния
select(id)-- выбирает ветвь

Кажое действие, вызванное методом или действием пользователя генерирует соответствующее кастомное DOM событие. В объекте detail события содержится id ветки.

vtree-add
vtree-move
vtree-remove
vtree-open
vtree-close
vtree-select

Все события срабатывают на соответствующем элементе и всплывают. Так что можно ловить событие где-нибудь выше, например, в корневом элементе дерева.

Паверед бай Балалайка.
__________________
"Matreshka is fucking awesome" © чувак с Reddit
Matreshka.js - Три возможности
Ответить с цитированием