Как вы форматируете элементы "li" и "a" DOM в jsTree, устанавливая их класс?
По сути, у меня есть jsTree, и мне нужно отформатировать его элементы li и DOM, добавив собственный класс для каждого типа. В документации не ясно, как это сделать, и, насколько я могу судить, нет никакого способа добавить пользовательский класс, любое форматирование должно быть путем переопределения темы jquery или редактирования исходного кода jsTree. Я согласен с тем, чтобы делать это в данных JSON или более эффективно при объявлении "типов", как показано в следующем примере:
$("#container").jstree({
"plugins" : ["themes", "json_data", "ui", "themeroller", "types"],
"json_data" : {"data": my_json_data},
"core" : {
"initially_select" : [ init_id]
},
"types" : {
"valid_children" : [ "test_type" ],
"types" : {
"test_type" : {
"valid_children" : [ "default", "test_type" ],
"icon" : { "image" : "/includes/icon.gif"}
}
}
},
"themes" : {
"dots" : true,
"icons" : true
}
});
1 ответ
Решение
Если вы хотите сделать это в ответе JSON, это работает для меня:
{
"attr": { "class": "some-class1", "id": "node_1" },
"data": {
"attr": { "class": "some-class2", "href": "", "title": "node title" }
}
}
Первый атрибут относится к <li>
тег, а второй атрибут (внутренние данные) относится к <a>
тег.