Cet exemple d'article décrit la méthode d'obtention de toutes les données de nœud sélectionnées par JS Tree Plug-In Ztree. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Parce que je suis nouveau du côté arbre des choses. J'ai vu Ztree en ligne, écrit par Chinese. L'API doit donc être en chinois. Et les commentaires sont bons aussi. Essayez donc d'utiliser Ztree dans le projet. Il est facile d'obtenir toutes les données de nœud sélectionnées. Regardez simplement l'API pour comprendre. Je viens donc de télécharger le code.
Copiez le code comme suit: <! Doctype html>
<html>
<adal>
<Title> Demo Ztree - Données standard </TITME>
<meta http-equiv = "contenu-type" contenu = "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 paramètre = {
vérifier:{
Activer: vrai
},
/*données: {
Simpledata: {
Activer: vrai
}
} * /
données: {
Simpledata: {
Activer: vrai
}
},
rappel: {
oncheck: oncheck
}
};
var znodes = [
{id: 1, pid: 0, nom: "vérifier 1 à volonté", ouvert: false},
{id: 11, pid: 1, nom: "vérifier 1-1 à volonté", ouvert: true},
{id: 111, pid: 11, nom: "vérifier 1-1-1"},
{id: 112, pid: 11, nom: "vérifier 1-1-2 à testament"},
{id: 12, pid: 1, nom: "vérifier 1-2 à volonté", ouvert: true},
{id: 121, pid: 12, nom: "vérifier 1-2-1 à testament"},
{id: 122, pid: 12, nom: "vérifier 1-2-2 à testament"},
{id: 2, pid: 0, nom: "vérifier 2 à volonté", ouvert: false},
{id: 21, pid: 2, nom: "vérifier 2-1 à testament"},
{id: 22, pid: 2, nom: "vérifier 2-2 à volonté", ouvert: true},
{id: 221, pid: 22, nom: "vérifier 2-2-1 à testament"},
{id: 222, pid: 22, nom: "vérifier 2-2-2"},
{id: 23, pid: 2, nom: "vérifier 2-13 à testament"}
]]
$ (document) .ready (function () {
$ .fn.ztree.init ($ ("# triedemo"), paramètre, zNodes);
});
fonction oncheck (e, arbreid, treeneode) {
var treeoBj = $. fn.ztree.getztreeobj ("Treedemo"),
nœuds = treeoBj.getCheckEdNodes (true),
v = "";
pour (var i = 0; i <nœuds.length; i ++) {
v + = nœuds [i] .name + ",";
alerte (nœuds [i] .id); // Obtenez la valeur du nœud sélectionné
}
}
// ->
</cript>
</ Head>
<body>
<div>
<ul id = "triedemo"> </ul>
</div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.