Contoh artikel ini menjelaskan metode untuk mendapatkan semua data simpul yang dipilih oleh JS Tree Plug-in Ztree. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Karena saya baru di sisi pohon. Saya melihat Ztree online, ditulis oleh orang Cina. Jadi API harus dalam bahasa Cina. Dan komentarnya juga bagus. Jadi coba gunakan Ztree dalam proyek. Ini mudah untuk mendapatkan semua data simpul yang dipilih. Lihat saja API untuk dipahami. Jadi saya baru saja mengunggah kodenya.
Salin kode sebagai berikut: <! Doctype html>
<Html>
<head>
<Title> Ztree Demo - Data Standar </iteme>
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<tautan rel = "stylesheet" href = "css/ztreestyle/ztreestyle.css" type = "text/css">
<tautan rel = "stylesheet" href = "css/demo.css" type = "text/css">
<type skrip = "Text/JavaScript" src = "js/jQuery-1.4.4.min.js"> </script>
<type skrip = "Text/JavaScript" src = "js/jquery.ztree.core-3.4.js"> </script>
<type skrip = "Text/JavaScript" src = "js/jquery.ztree.excheck-3.4.js"> </script>
<!-
<type skrip = "Text/JavaScript" src = "js/jquery.ztree.exedit-3.4.js"> </script>->
<Type skrip = "Teks/JavaScript">
<!-
var pengaturan = {
memeriksa:{
Aktifkan: Benar
},
/*data: {
SimpleData: {
Aktifkan: Benar
}
}*/
Data: {
SimpleData: {
Aktifkan: Benar
}
},
Callback: {
Oncheck: Oncheck
}
};
var znodes = [
{id: 1, pid: 0, nama: "Periksa 1 at will", buka: false},
{id: 11, pid: 1, nama: "Periksa 1-1 di Will", buka: true},
{id: 111, pid: 11, nama: "Periksa 1-1-1"},
{id: 112, pid: 11, nama: "Periksa 1-1-2 di Will"},
{id: 12, pid: 1, nama: "Periksa 1-2 pada will", buka: true},
{id: 121, pid: 12, nama: "Periksa 1-2-1 di Will"},
{id: 122, pid: 12, name: "Periksa 1-2-2 di Will"},
{id: 2, pid: 0, nama: "Periksa 2 at will", buka: false},
{id: 21, pid: 2, nama: "Periksa 2-1 di Will"},
{id: 22, pid: 2, nama: "Periksa 2-2 pada will", buka: true},
{id: 221, pid: 22, nama: "Periksa 2-2-1 di Will"},
{ID: 222, PID: 22, Nama: "Periksa 2-2-2"},
{id: 23, pid: 2, nama: "Periksa 2-13 di Will"}
];
$ (dokumen) .ready (function () {
$ .fn.ztree.init ($ ("#treedemo"), pengaturan, znodes);
});
fungsi oncheck (e, treeid, treenode) {
var treeobj = $. fn.ztree.getztreeobj ("treedemo"),
node = TreeoBj.getCheckedNodes (true),
v = "";
untuk (var i = 0; i <nodes.length; i ++) {
v + = node [i] .name + ",";
peringatan (node [i] .id); // Dapatkan nilai node yang dipilih
}
}
//->
</script>
</head>
<body>
<div>
<ul id = "treedemo"> </ul>
</div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.