Este ejemplo de artículo describe el método para obtener todos los datos de nodo seleccionados por JS Tree Plug-in Ztree. Compártelo para su referencia. El análisis específico es el siguiente:
Porque soy nuevo en el lado del árbol de las cosas. Vi a Ztree en línea, escrito por chino. Entonces la API debe estar en chino. Y los comentarios también son buenos. Así que intente usar Ztree en el proyecto. Esto es fácil de obtener todos los datos de nodo seleccionados. Solo mira la API para entender. Así que acabo de subir el código.
Copie el código de la siguiente manera: <! DocType Html>
<html>
<Evista>
<title> Ztree Demo - Datos estándar </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">
<!-
configuración var = {
controlar:{
Habilitar: verdadero
},
/*datos: {
Simpledata: {
Habilitar: verdadero
}
}*/
datos: {
Simpledata: {
Habilitar: verdadero
}
},
llamar de vuelta:{
OnCheck: OnCheck
}
};
var znodes = [
{id: 1, pid: 0, nombre: "verificar 1 a voluntad", abierto: falso},
{id: 11, pid: 1, nombre: "Verifique 1-1 a voluntad", abierto: true},
{id: 111, PID: 11, nombre: "Verifique 1-1-1"},
{id: 112, PID: 11, nombre: "Verifique 1-1-2 a voluntad"},
{id: 12, pid: 1, nombre: "verificar 1-2 a voluntad", abierto: true},
{id: 121, PID: 12, nombre: "Verifique 1-2-1 a voluntad"},
{id: 122, PID: 12, nombre: "Verifique 1-2-2 a voluntad"},
{id: 2, pid: 0, nombre: "verificar 2 a voluntad", abierto: falso},
{id: 21, pid: 2, nombre: "Verifique 2-1 a voluntad"},
{id: 22, pid: 2, nombre: "verificar 2-2 a voluntad", abierto: true},
{id: 221, PID: 22, nombre: "Verifique 2-2-1 a voluntad"},
{id: 222, PID: 22, nombre: "Verifique 2-2-2"},
{id: 23, pid: 2, nombre: "Verifique 2-13 a voluntad"}
];
$ (documento) .Ready (function () {
$ .fn.ztree.init ($ ("#Treedemo"), configuración, znodes);
});
función oncheck (e, treeid, treeNode) {
var treeobj = $. fn.ztree.getztreeobj ("Treedemo"),
nodos = treeobj.getCheckedNodes (verdadero),
v = "";
para (var i = 0; i <nodo.length; i ++) {
v + = nodos [i] .name + ",";
alerta (nodos [i] .id); // Obtener el valor del nodo seleccionado
}
}
//->
</script>
</ablo>
<Body>
<div>
<ul id = "Treedemo"> </ul>
</div>
</body>
</Html>
Espero que este artículo sea útil para la programación de JavaScript de todos.