jQuery EasyUI ส่วนขยาย - ต้นไม้ที่สามารถแก้ไขได้
jQuery EasyUI ขยาย
การใช้
สร้างต้นไม้ (ต้นไม้)
<ul id = "TT"> </ ul> $ ( '# Tt'). Etree ({ URL: 'tree_data.json' createUrl: ... , updateUrl: ... , destroyUrl: ... , dndUrl: ... });
ตั้งค่า URL, createUrl, updateUrl, destroyUrl และ dndUrl แอตทริบิวต์การประสานลูกค้าและฝั่งเซิร์ฟเวอร์ข้อมูลโดยอัตโนมัติ
- ต้นไม้ข้อมูลผลตอบแทน: URL
- createUrl: เมื่อสร้างโหนดใหม่ในต้นไม้ไปยังเซิร์ฟเวอร์เพื่อส่งผ่านพารามิเตอร์ 'parentId' ชื่อพารามิเตอร์นี้บ่งชี้ว่าโหนดแม่ ID
เซิร์ฟเวอร์ควรส่งกลับข้อมูลเพิ่มโหนด รหัสต่อไปนี้แสดงให้เห็นถึงการเพิ่มโหนดเช่นข้อมูล:{ "id": 1, "ข้อความ": "โหนดใหม่"}
- updateUrl: เมื่อปรับปรุงโหนดต้นไม้จะถูกส่งไปยังเซิร์ฟเวอร์ 'ID' และ 'ข้อความ' พารามิเตอร์
ปรับปรุงเซิร์ฟเวอร์การดำเนินงานและส่งกลับข้อมูลโหนดปรับปรุง - destroyUrl: เมื่อโหนดถูกทำลายต้นไม้จะถูกส่งไปยังเซิร์ฟเวอร์ "id" พารามิเตอร์
โดยเซิร์ฟเวอร์แจ้งกลับ { "ความสำเร็จ": จริง} ข้อมูล - dndUrl: เมื่อลากและวางโหนดเซิร์ฟเวอร์ต้นไม้จะส่งผ่านพารามิเตอร์ต่อไปนี้:
ID - ลากโหนด ID
โหนดวาง - targetid
จุด - ชี้ให้เห็นว่าการลดลงของค่าที่เป็นไปได้: 'ผนวก', 'บน' หรือ 'ด้านล่าง'
Server เพื่อดำเนินการบางส่วนและผลตอบแทน { "ความสำเร็จ": จริง} ข้อมูล
ทาง
วิธีการขยายจากต้นไม้ (ต้นไม้) ต่อไปนี้เป็นต้นไม้ที่สามารถแก้ไข (etree) วิธีการที่จะเพิ่ม
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
create | none | 创建一个新的节点。 |
edit | none | 编辑当前选中的节点。 |
destroy | none | 销毁当前选中的节点。 |
ดาวน์โหลดตัวอย่าง jQuery EasyUI
jQuery EasyUI ขยาย