В этом примере статьи описывается метод получения всех выбранных данных узла с помощью подключаемого модуля js Ztree. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Потому что я новичок в стороне дерева. Я видел Ztree Online, написанный китайцем. Таким образом, API должен быть на китайском языке. И комментарии тоже хороши. Так что попробуйте использовать Ztree в проекте. Это легко получить все выбранные данные узла. Просто посмотрите на API, чтобы понять. Так что я только что загрузил код.
Скопируйте код следующим образом: <! Doctype html>
<html>
<Голова>
<Title> Ztree Demo - Стандартные данные </title>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<link rel = "styleSheet" href = "css/Ztreestyle/ztreestyle.css" type = "text/css">
<link rel = "styleSheet" href = "css/demo.css" type = "text/css">
<script type = "text/javascript" src = "js/jquery-1.4.4.min.js"> </script>
<script type = "text/javascript" src = "js/jquery.ztree.core-3.4.js"> </script>
<script type = "text/javascript" src = "js/jquery.ztree.excheck-3.4.js"> </script>
<!-
<script type = "text/javascript" src = "js/jquery.ztree.exedit-3.4.js"> </script>->
<Script type = "text/javascript">
<!-
var seture = {
проверять:{
Включить: правда
},
/*данные: {
Simpledata: {
Включить: правда
}
}*/
данные: {
Simpledata: {
Включить: правда
}
},
перезвонить:{
ONCHECK: ONCHECK
}
};
var znodes = [
{id: 1, pid: 0, имя: «Проверьте 1 по желанию», Open: false},
{id: 11, pid: 1, имя: «Проверьте 1-1 по желанию», Open: true},
{id: 111, pid: 11, имя: "Проверьте 1-1-1"},
{id: 112, pid: 11, имя: «Проверьте 1-1-2 по желанию»},
{id: 12, pid: 1, имя: «Проверьте 1-2 по желанию», Open: true},
{id: 121, pid: 12, имя: «Проверьте 1-2-1 по желанию»},
{id: 122, pid: 12, имя: «Проверьте 1-2-2 по желанию»},
{id: 2, pid: 0, имя: «Проверьте 2 по желанию», Open: false},
{id: 21, pid: 2, имя: «Проверьте 2-1 по желанию»},
{id: 22, pid: 2, имя: «Проверьте 2-2 по желанию», Open: true},
{id: 221, pid: 22, имя: «Проверьте 2-2-1 по желанию»},
{id: 222, pid: 22, имя: "Проверка 2-2-2"},
{id: 23, pid: 2, имя: «Проверьте 2-13 по желанию»}
];
$ (document) .ready (function () {
$ .fn.ztree.init ($ ("#triedemo"), настройка, Znodes);
});
функция oncheck (e, treeid, treeNode) {
var treeobj = $. fn.ztree.getztreeobj ("triedemo"),
узлы = treeObj.getCheckedNodes (true),
v = "";
for (var i = 0; i <nodes.length; i ++) {
v + = узлы [i] .name + ",";
предупреждение (узлы [i] .id); // Получить значение выбранного узла
}
}
//->
</Script>
</Head>
<Тело>
<div>
<ul id = "triedemo"> </ul>
</div>
</Body>
</Html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.