ดาวน์โหลด enhanced el tree - ดาวน์โหลด enhanced el tree ซอร์สโค้ด

enhanced el tree

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

ปรับปรุง-el-tree

ขึ้นอยู่กับองค์ประกอบแผนผังของ element-ui ให้เพิ่มฟังก์ชันที่มีประโยชน์และ horizontal-mode

ฟิวเจอร์ส

โหมดแนวนอน

หรืออาจกล่าวได้ว่าเป็นส่วนประกอบหลายตัวเรียงซ้อน ลองใช้ Demo การสาธิต

ข้อจำกัด ：เมื่อใช้ horizontal mode คุณสมบัติของต้นไม้ต้นกำเนิดบางอย่างจะไม่มีผล เช่น การเยื้อง หีบเพลง เป็นต้น

คุณสมบัติพิเศษ

คุณลักษณะ	คำอธิบาย	พิมพ์	ค่าที่ยอมรับ	ค่าเริ่มต้น
แนวนอน	ไม่ว่าจะเปิดใช้งานโหมดแนวนอนหรือไม่	บูลีน	-	เท็จ
tree-node-wrapper-คลาส	เพิ่มคลาสเหล่านี้ลงใน wrapper บล็อกแนวนอนเมื่อเปิดใช้งานโหมดแนวนอน	สตริง	-	-
เปิดเมื่อตรวจสอบ	คลิกช่องทำเครื่องหมายเพื่อให้ทำงานเหมือนโหนดต้นไม้คลิก	บูลีน	-	เท็จ

วิธีการที่มีประโยชน์เป็นพิเศษ

ชื่อ	คำอธิบาย	พารามิเตอร์
getAllCheckedKeys	เช่น `getCheckedKeys` แต่มี โหนดที่ไม่แน่นอน
getAllCheckedNodes	เช่น `getCheckedNodes` แต่รวม โหนดที่ไม่แน่นอน ไว้ด้วย
setCheckedNodesอย่างแม่นยำ	มักใช้กับ `getAllCheckedNodes` เพื่อคืนค่าสถานะดั้งเดิมของแผนผัง	อาร์เรย์ของโหนดได้รับจาก `getAllCheckedKeys`
setCheckedKeysแม่นยำ	มักใช้กับ `getAllCheckedKeys` เพื่อคืนค่าสถานะดั้งเดิมของแผนผัง	อาร์เรย์ของคีย์ได้รับจาก `getAllCheckedKeys`
getCheckedKeysWithoutChild	รับโหนดที่ตรวจสอบ ยกเว้นโหนดที่ตรวจสอบลูกทั้งหมด ดูตัวอย่างด้านล่าง
getCheckedNodesWithoutChild	เหมือนกัน

ตัวอย่าง getCheckedKeysWithoutChild :

 /**
 *
 * @example
 *  level1 - intermediate
 *    level1.1 - checked
 *      level1.1.1 - checked
 *      level1.1.2 - checked
 *    level1.2 - checked
 *    level1.3 - intermediate
 *      level1.3.1 - checked
 *      level1.3.2 - not checked
 *    level1.4 - not checked
 *  level2 - checked
 *
 *  getCheckedKeysWithoutChild() will return [level2, level1.1, level1.2, level1.3.1]
 */

การติดตั้ง

$ npm install @xlaoyu/enhanced-el-tree -D

การใช้งาน

 < template >
  < enhanced-el-tree horizontal > </ enhanced-el-tree >
</ template >

< script >
import EnhancedElTree from '@xlaoyu/enhanced-el-tree' ;

// component constructor
{
  name : 'FooComponent' ,
  components : {
    EnhancedElTree
  }
}
</ script >