يصف مثال المقالة طريقة الحصول على جميع بيانات العقدة المحددة بواسطة JS Tree Plug-in Ztree. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
لأنني جديد على جانب الشجرة من الأشياء. رأيت Ztree عبر الإنترنت ، كتبها الصينية. لذلك يجب أن تكون واجهة برمجة التطبيقات باللغة الصينية. والتعليقات جيدة أيضًا. لذا حاول استخدام Ztree في المشروع. من السهل الحصول على جميع بيانات العقدة المحددة. فقط انظر إلى واجهة برمجة التطبيقات لفهم. لذلك قمت فقط بتحميل الرمز.
انسخ الرمز كما يلي: <! doctype html>
<html>
<head>
<title> demo Ztree - البيانات القياسية </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">
<!-
إعداد var = {
يفحص:{
تمكين: صحيح
} ،
/*بيانات: {
Simpledata: {
تمكين: صحيح
}
}*/
بيانات: {
Simpledata: {
تمكين: صحيح
}
} ،
أتصل مرة أخرى:{
oncheck: oncheck
}
} ؛
var Znodes = [
{id: 1 ، pid: 0 ، الاسم: "تحقق 1 في الإرادة" ، فتح: false} ،
{id: 11 ، pid: 1 ، الاسم: "تحقق من 1-1 في الإرادة" ، فتح: TRUE} ،
{id: 111 ، pid: 11 ، الاسم: "تحقق من 1-1-1"} ،
{id: 112 ، pid: 11 ، الاسم: "تحقق من 1-1-2 في الإرادة"} ،
{id: 12 ، pid: 1 ، الاسم: "تحقق من 1-2 في الإرادة" ، فتح: صحيح} ،
{id: 121 ، pid: 12 ، الاسم: "تحقق من 1-2-1 في الإرادة"} ،
{ID: 122 ، PID: 12 ، الاسم: "تحقق من 1-2-2 في الإرادة"} ،
{id: 2 ، pid: 0 ، الاسم: "تحقق 2 في الإرادة" ، فتح: false} ،
{id: 21 ، pid: 2 ، الاسم: "تحقق 2-1 في الإرادة"} ،
{id: 22 ، pid: 2 ، الاسم: "تحقق 2-2 في الإرادة" ، فتح: TRUE} ،
{id: 221 ، pid: 22 ، الاسم: "تحقق 2-2-1 في الإرادة"} ،
{id: 222 ، pid: 22 ، الاسم: "تحقق 2-2-2"} ،
{id: 23 ، pid: 2 ، الاسم: "تحقق من 2-13 في الإرادة"}
] ؛
$ (وثيقة). ready (function () {
$ .fn.ztree.init ($ ("#treedemo") ، الإعداد ، znodes) ؛
}) ؛
وظيفة oncheck (e ، treeid ، treenode) {
var treeobj = $. fn.ztree.getztreebj ("treedemo") ،
العقد = treeobj.getCheckedNodes (صحيح) ،
v = "" ؛
لـ (var i = 0 ؛ i <nodes.length ؛ i ++) {
V + = العقد [i] .name + "،" ؛
تنبيه (العقد [i] .id) ؛ // احصل على قيمة العقدة المحددة
}
}
//->
</script>
</head>
<body>
<viv>
<ul id = "treedemo"> </ul>
</div>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.