In diesem Artikel wird die Methode zum Erhalten aller ausgewählten Knotendaten nach JS-Baum-Plug-In-Ztree beschrieben. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Weil ich neu auf der Baumseite der Dinge bin. Ich habe Ztree online gesehen, geschrieben von Chinesen. Die API muss also auf Chinesisch sein. Und die Kommentare sind auch gut. Versuchen Sie also, Ztree im Projekt zu verwenden. Dies ist einfach zu erhalten, alle ausgewählten Knotendaten zu erhalten. Schauen Sie sich einfach die API an, um zu verstehen. Also habe ich den Code gerade hochgeladen.
Kopieren Sie den Code wie folgt: <! DocType html>
<html>
<kopf>
<title> ztree Demo - Standarddaten </title>
<meta http-äquiv = "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" Typ = "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 Einstellung = {
überprüfen:{
Aktivieren: wahr
},
/*Daten: {
Simpledata: {
Aktivieren: wahr
}
}*/
Daten: {
Simpledata: {
Aktivieren: wahr
}
},
Rückruf: {
Eincheck: OnCheck
}
};
var znodes = [
{ID: 1, PID: 0, Name: "Überprüfen Sie 1 nach Will", öffnen: false},
{ID: 11, PID: 1, Name: "Überprüfen Sie 1-1 nach Will", öffnen: true},
{ID: 111, PID: 11, Name: "Überprüfen Sie 1-1-1"},
{ID: 112, PID: 11, Name: "Überprüfen Sie 1-1-2 nach Will"},
{ID: 12, PID: 1, Name: "Überprüfen Sie 1-2 nach Will", öffnen: true},
{ID: 121, PID: 12, Name: "Überprüfen Sie 1-2-1 nach Will"},
{ID: 122, PID: 12, Name: "Überprüfen Sie 1-2-2 nach Will"},
{ID: 2, PID: 0, Name: "Überprüfen Sie 2 nach Will", öffnen: false},
{ID: 21, PID: 2, Name: "Überprüfen Sie 2-1 nach Will"},
{ID: 22, PID: 2, Name: "Überprüfen Sie 2-2 nach Will", öffnen: true},
{ID: 221, PID: 22, Name: "Überprüfen Sie 2-2-1 nach Will"},
{ID: 222, PID: 22, Name: "Überprüfen Sie 2-2-2"},
{ID: 23, PID: 2, Name: "Überprüfen Sie 2-13 nach Will"}
];
$ (Dokument) .Ready (function () {
$ .fn.zree.init ($ ("#treedemo"), Setting, Znodes);
});
Funktion onCheck (e, baumId, treenode) {
var treeobj = $. fn.ztree.getZtreeobj ("Treedemo"),
Knoten = TreeObj.getCheckednodes (wahr),
v = "";
für (var i = 0; i <nodes.length; i ++) {
v + = Knoten [i] .Name + ",";
alarm (Knoten [i] .id); // Erhalten Sie den Wert des ausgewählten Knotens
}
}
//->
</Script>
</Head>
<body>
<div>
<ul id = "treedemo"> </ul>
</div>
</Body>
</Html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.