บทช่วยสอน เมนูต้นไม้ jQuery EasyUI - ส่งเมนูควบคุมต้นไม้ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ดาวน์โหลดตัวอย่าง jQuery EasyUI,

เมนูต้นไม้ 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,
                จุดจุด
            }
        });
    }

ดาวน์โหลดตัวอย่าง jQuery EasyUI

jeasyui-tree-tree5.zip

เมนูต้นไม้ jQuery EasyUI - ส่งเมนูควบคุมต้นไม้
10/30