บทช่วยสอน เมนูต้นไม้ jQuery EasyUI - ส่งเมนูควบคุมต้นไม้ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ดาวน์โหลดตัวอย่าง jQuery EasyUI,
เมื่อต้นไม้ (ต้นไม้) plug-ในการประยุกต์ใช้การลากและวาง (ลาก) และสถานที่ (ลดลง) ต้องการการทำงานที่ให้ผู้ใช้สามารถเปลี่ยนตำแหน่งของโหนด เปิดใช้งานการลาก (ลาก) และสถานที่ (ลดลง) การดำเนินงานทั้งหมดที่คุณต้องทำคือการใส่ต้นไม้ (ต้นไม้) คุณสมบัติ Widget 'DND' ถูกตั้งค่าเป็นจริง
$ ( '# Tt'). ต้นไม้ ({ DND: จริง URL: 'tree_data.json' });
เมื่อมีการดำเนินงานที่วางอยู่บนโหนดต้นไม้เหตุการณ์ 'onDrop' จะถูกเรียกหรือคุณควรจะดำเนินการเพิ่มเติมบางอย่างเช่นการบันทึกสถานะของโหนดไปยังเซิร์ฟเวอร์ระยะไกลและอื่น ๆ
onDrop: ฟังก์ชั่น (targetNode แหล่งที่มาจุด) { var targetid = $ (เป้าหมาย) .tree ( 'getNode' targetNode) .id; $ .ajax ({ URL: ' th. ' ประเภท: 'โพสต์' dataType: 'JSON' ข้อมูล: { ID: source.id, targetid: targetid, จุดจุด } }); }