Добавить пользовательский класс в jstree
Мне нужно добавить класс для всех дочерних и родительских узлов в jstree.
попробовал приведенный ниже код, но он не работает.
$('#data').jstree({
'core' : {
'data' : [{"text" : "GROUPS","state":{"opened":true},
"children" : [{ "text" : "USERS", attributes : { class : "desired_node_class" }},{ "text" : "ADMIN"}]}
]
}
});
Что я делаю неправильно?.
Вот скрипка к нему
http://jsfiddle.net/m6yxhnrg/
Может кто-нибудь поправить меня
Заранее спасибо!
Решение
Вам нужно использовать li_attr не attr в вашем JSON, как указано в документах. Вот ваша обновленная скрипка:
http://jsfiddle.net/m6yxhnrg/1/
Как вы и просили, я добавил классы для всех узлов — вы должны включить данные классов для каждого узла.
Кстати, если вы просто пытаетесь что-то стилизовать, возможно, будет лучше пропустить добавление пользовательских классов и использовать существующие классы CSS, которые уже доступны на каждом узле:
#data .jstree-node { } /* this is for each LI node */
#data .jstree-anchor { } /* this is for each A node */
Другие решения
Попробуй это:
element.classList.add("desired_node_class");