เมนูต้นไม้ jQuery EasyUI - สร้างต้นไม้ตามตาราง
ตารางต้นไม้ (TreeGrid) ส่วนประกอบได้รับมรดกจากตารางข้อมูล (DataGrid) แต่จะช่วยให้ความสัมพันธ์ของแม่ / ลูกระหว่างโหนดในแถว หลายคุณสมบัติสืบทอดไปยังตารางข้อมูล (DataGrid) ก็สามารถนำมาใช้ในตารางต้นไม้ (TreeGrid) ใน เพื่อที่จะใช้ต้นไม้ตาราง (TreeGrid) ผู้ใช้จะต้องกำหนดคุณสมบัติ 'treeField' ระบุว่าข้อมูลเป็นโหนด
กวดวิชานี้จะแสดงวิธีการใช้ตารางต้นไม้ (TreeGrid) ตั้งค่าเบราว์เซอร์โฟลเดอร์ส่วนประกอบ
สร้างตารางต้นไม้ (TreeGrid)
<table id = "ทดสอบ" title = "โฟลเดอร์ Browser" class = "easyui-TreeGrid" style = "width: 400px; ความสูง: 300px" url = "ข้อมูล / treegrid_data.json" rownumbers = "true" idField = "id" treeField = "ชื่อ"> <thead> <tr> <Th ฟิลด์ = "ชื่อ" width = "160"> ชื่อ </ TH> <ฟิลด์ Th = "ขนาด" width = "60" align = "สิทธิ"> ขนาด </ TH> <Th ฟิลด์ = "วันที่" width = "100"> วันที่แก้ไข </ TH> </ tr> </ thead> </ table>