Este exemplo de artigo descreve o método de obter todos os dados do nó selecionados pelo JS Tree Plug-In Ztree. Compartilhe para sua referência. A análise específica é a seguinte:
Porque eu sou novo no lado da árvore. Eu vi Ztree online, escrito por chinês. Portanto, a API deve estar em chinês. E os comentários também são bons. Portanto, tente usar o Ztree no projeto. É fácil obter todos os dados do nó selecionados. Basta olhar para a API para entender. Então, acabei de enviar o código.
Copie o código da seguinte forma: <! Doctype html>
<html>
<head>
<title> Demo Ztree - Dados padrão </ititle>
<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 com configuração = {
verificar:{
Ativar: Verdadeiro
},
/*dados: {
Simpledata: {
Ativar: Verdadeiro
}
}*/
dados: {
Simpledata: {
Ativar: Verdadeiro
}
},
ligar de volta:{
Oncheck: Oncheck
}
};
var znodes = [
{id: 1, pid: 0, nome: "Verifique 1 at Will", aberto: false},
{id: 11, pid: 1, nome: "Verifique 1-1 at Will", aberto: true},
{id: 111, pid: 11, nome: "Verifique 1-1-1"},
{id: 112, pid: 11, nome: "Verifique 1-1-2 at Will"},
{id: 12, pid: 1, nome: "Verifique 1-2 at Will", aberto: true},
{id: 121, pid: 12, nome: "Verifique 1-2-1 at Will"},
{id: 122, pid: 12, nome: "Verifique 1-2-2 at Will"},
{id: 2, pid: 0, nome: "Verifique 2 at Will", aberto: false},
{id: 21, pid: 2, nome: "Verifique 2-1 at Will"},
{id: 22, pid: 2, nome: "Verifique 2-2 at Will", aberto: true},
{id: 221, PID: 22, nome: "Verifique 2-2-1 at Will"},
{id: 222, pid: 22, nome: "Verifique 2-2-2"},
{id: 23, pid: 2, nome: "Verifique 2-13 at Will"}
];
$ (document) .ready (function () {
$ .fn.ztree.init ($ ("#treedemo"), configuração, znodes);
});
função onncheck (e, árvore, treenode) {
var Treeobj = $. fn.ztree.getztreeobj ("Treedemo"),
nós = Treeobj.getCheckedNodes (true),
v = "";
for (var i = 0; i <modes.length; i ++) {
v + = nós [i] .name + ",";
alerta (nós [i] .id); // obtenha o valor do nó selecionado
}
}
//->
</Script>
</head>
<Body>
<div>
<ul id = "Treedemo"> </ul>
</div>
</Body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.