คลาสกล่องเครื่องมือ
ชั้นเรียนสำหรับกล่องเครื่องมือ สร้าง DOM ของกล่องเครื่องมือ
ลายเซ็น:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
ขยาย: DeleteArea
การนำไปใช้งาน: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
ผู้ผลิต
| ผู้ผลิต | ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| (เครื่องมือสร้าง)(พื้นที่ทำงาน) | สร้างอินสแตนซ์ใหม่ของคลาส Toolbox |
พร็อพเพอร์ตี้
| พร็อพเพอร์ตี้ | ตัวปรับแต่ง | Type | คำอธิบาย |
|---|---|---|---|
| boundEvents_ | protected |
browserEvents.Data[] | จำเป็นต้องมีข้อมูลที่เก็บอาร์เรย์เพื่อยกเลิกการเชื่อมโยงเครื่องจัดการเหตุการณ์ ใช้ในการกำจัด เช่น [[node, name, ฟังก์], [node, name, familyc]] |
| contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
| contents_ | protected |
IToolboxItem[] | รายการในกล่องเครื่องมือ |
| contentsDiv_ | protected |
HTMLDivElement | null | คอนเทนเนอร์ HTML สำหรับเนื้อหาในกล่องเครื่องมือ |
| height_ | protected |
ตัวเลข | ความสูงของกล่องเครื่องมือ |
| HtmlDiv | HTMLDivElement | null | คอนเทนเนอร์ HTML สำหรับกล่องเครื่องมือ | |
| id | สตริง | รหัสที่ไม่ซ้ำกันสำหรับคอมโพเนนต์นี้ที่ใช้ในการลงทะเบียนกับ ComponentManager | |
| isVisible_ | protected |
boolean | มองเห็นกล่องเครื่องมือหรือไม่ |
| previouslySelectedItem_ | protected |
ISelectableToolboxItem | null | รายการที่เลือกไว้ก่อนหน้านี้ |
| RTL | boolean | ||
| selectedItem_ | protected |
ISelectableToolboxItem | null | รายการที่เลือกไว้ในปัจจุบัน |
| toolboxDef_ | protected |
toolbox.ToolboxInfo | |
| toolboxPosition | toolbox.Position | ||
| width_ | protected |
ตัวเลข | ความกว้างของกล่องเครื่องมือ |
| workspace_ |
|
WorkspaceSvg | พื้นที่ทำงานที่กล่องเครื่องมือนี้เปิดอยู่ |
วิธีการ
| วิธีการ | ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| addToolboxItem_(toolboxItem) | protected |
เพิ่มรายการในกล่องเครื่องมือ |
| attachEvents_(container, contentContainer) | protected |
เพิ่ม Listener เหตุการณ์ลงใน div ของคอนเทนเนอร์กล่องเครื่องมือ |
| autoHide(onlyClosePopups) | ซ่อนคอมโพเนนต์ เรียกใช้ใน WorkspaceSvg.hideChaff | |
| clearSelection() | ยกเลิกการไฮไลต์รายการที่เลือกไว้ก่อนหน้านี้ | |
| createContainer_() | protected |
สร้าง div คอนเทนเนอร์สำหรับกล่องเครื่องมือ |
| createContentsContainer_() | protected |
สร้างคอนเทนเนอร์สำหรับเนื้อหาทั้งหมดในกล่องเครื่องมือ |
| createDom_(workspace) | protected |
สร้าง DOM สำหรับกล่องเครื่องมือ |
| createFlyout_() | protected |
สร้างระยะห่างจากขอบตามเลย์เอาต์กล่องเครื่องมือ |
| deselectItem_(item) | protected |
ยกเลิกการเลือกรายการที่ระบุ ทำเครื่องหมายว่าไม่ได้เลือก และอัปเดตสถานะ ARIA |
| dispose() | การกำจัดกล่องเครื่องมือนี้ | |
| getClientRect() | แสดงผลสี่เหลี่ยมผืนผ้าล้อมรอบของพื้นที่เป้าหมายการลากในหน่วยพิกเซลที่สัมพันธ์กับวิวพอร์ต | |
| getFlyout() | ดาวน์โหลดกล่องเครื่องมือออก | |
| getHeight() | รับความสูงของกล่องเครื่องมือ | |
| getPreviouslySelectedItem() | รับรายการที่เลือกไว้ก่อนหน้านี้ | |
| getSelectedItem() | รับรายการที่เลือก | |
| getToolboxItemById(id) | รับรายการในกล่องเครื่องมือตามรหัสที่กำหนด | |
| getToolboxItems() | ดึงรายการในกล่องเครื่องมือ | |
| getWidth() | รับความกว้างของกล่องเครื่องมือ | |
| getWorkspace() | รับพื้นที่ทำงานสำหรับกล่องเครื่องมือ | |
| init() | เริ่มต้นกล่องเครื่องมือ | |
| isHorizontal() | รับข้อมูลว่ากล่องเครื่องมืออยู่ในแนวนอนหรือไม่ | |
| onClick_(e) | protected |
จัดการกับเหตุการณ์การคลิกเมื่อมีการคลิกรายการในกล่องเครื่องมือหรือกล่องเครื่องมือ |
| onDragEnter(_dragElement) | จัดการเมื่อเคอร์เซอร์ที่มีบล็อกหรือลูกโป่งเข้าสู่เป้าหมายการลากนี้ | |
| onDragExit(_dragElement) | จัดการเมื่อเคอร์เซอร์ที่มีบล็อกหรือลูกโป่งออกจากเป้าหมายการลากนี้ | |
| onDrop(_dragElement) | แฮนเดิลเมื่อมีการวางบล็อกหรือบับเบิลบนคอมโพเนนต์นี้ ไม่ควรดำเนินการลบที่นี่ | |
| onKeyDown_(e) | protected |
จัดการเหตุการณ์สำคัญสำหรับกล่องเครื่องมือ |
| onShortcut(_shortcut) | จัดการแป้นพิมพ์ลัดที่ระบุ | |
| ตำแหน่ง() | วางตำแหน่งกล่องเครื่องมือโดยพิจารณาจากกล่องเครื่องมือแนวนอนและพื้นที่ทำงานอยู่ในรูปแบบ RTL | |
| refreshSelection() | อัปเดตเนื้อหาของ Flyout โดยไม่ต้องปิด ควรใช้เพื่อตอบสนองการเปลี่ยนแปลงในหมวดหมู่แบบไดนามิก เช่น ตัวแปรหรือกระบวนการ | |
| renderContents_(toolboxDef) | protected |
เพิ่มรายการในกล่องเครื่องมือทั้งหมดไปยังกล่องเครื่องมือ |
| selectItem_(oldItem, newItem) | protected |
เลือกรายการ ทำเครื่องหมายรายการที่เลือกไว้ และอัปเดตสถานะ ARIA |
| selectItemByPosition(position) | เลือกรายการในกล่องเครื่องมือตามตำแหน่งในรายการเครื่องมือ | |
| setSelectedItem(newItem) | ตั้งค่ารายการที่เลือก ไม่ต้องดำเนินการหากเลือกรายการไม่ได้ | |
| setVisible(isVisible) | แสดงหรือซ่อนกล่องเครื่องมือ | |
| ควรDeselectItem_(oldItem, newItem) | protected |
กำหนดว่าควรยกเลิกการเลือกรายการเก่าหรือไม่ |
| ควรเลือกสินค้า_(oldItem, newItem) | protected |
กำหนดว่าควรเลือกรายการใหม่หรือไม่ |
| updateCursorDeleteStyle_(addStyle) | protected |
เพิ่มหรือนำรูปแบบ CSS ของเคอร์เซอร์เหนือกล่องเครื่องมือออก โดยพิจารณาว่าบล็อกหรือลูกโป่งที่อยู่เหนือคาดว่าจะถูกลบหากมีการทิ้งไว้ (โดยใช้พร็อพเพอร์ตี้ this.wouldDelete_ ภายใน) |
| updateFlyout_(oldItem, newItem) | protected |
เลือกว่าจะซ่อนหรือแสดงเส้นทางการบินโดยขึ้นอยู่กับรายการที่เลือก |
| updateWouldDelete_(wouldDelete) | protected |
อัปเดตสถานะ willDelete_ ภายใน |
| wouldDelete(element, _couldConnect) | แสดงผลว่าบล็อกหรือลูกโป่งที่ให้ไว้จะถูกลบออกหรือไม่หากวางในพื้นที่นี้ วิธีการนี้ควรตรวจสอบว่าองค์ประกอบสามารถลบได้หรือไม่ และถูกเรียกใช้ก่อน onDragEnter/onDragOver/onDragExit เสมอ |