คลาสกล่องเครื่องมือ
ชั้นเรียนสำหรับกล่องเครื่องมือ สร้าง DOM ของกล่องเครื่องมือ
ลายเซ็น:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
ขยาย: DeleteArea
การนำไปใช้งาน: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
ผู้ผลิต
| ผู้ผลิต | คีย์ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| (เครื่องมือสร้าง)(พื้นที่ทำงาน) | สร้างอินสแตนซ์ใหม่ของคลาส Toolbox |
พร็อพเพอร์ตี้
| พร็อพเพอร์ตี้ | คีย์ตัวปรับแต่ง | ประเภท | คำอธิบาย |
|---|---|---|---|
| boundEvents_ | protected |
browserEvents.Data[] | ข้อมูลที่จำเป็นในการเก็บอาร์เรย์เพื่อยกเลิกการเชื่อมโยงเครื่องจัดการเหตุการณ์ ใช้ในการกำจัด เช่น [[โหนด, ชื่อ, ฟังก์ชัน], [โหนด, ชื่อ, ฟังก์ชัน]] |
| contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
| contents_ | protected |
IToolboxItem[] | ลิสต์รายการในกล่องเครื่องมือ |
| contentsDiv_ | protected |
HTMLDivElement | ค่าว่าง | คอนเทนเนอร์ HTML สำหรับเนื้อหาในกล่องเครื่องมือ |
| height_ | protected |
ตัวเลข | ความสูงของกล่องเครื่องมือ |
| HtmlDiv | HTMLDivElement | ค่าว่าง | คอนเทนเนอร์ HTML สำหรับกล่องเครื่องมือ | |
| id | สตริง | รหัสที่ไม่ซ้ำกันของคอมโพเนนต์นี้ซึ่งใช้ในการลงทะเบียนกับ ComponentManager | |
| isVisible_ | protected |
boolean | แสดงกล่องเครื่องมือหรือไม่ |
| previouslySelectedItem_ | protected |
ISelectableToolboxItem | ค่าว่าง | รายการที่เลือกก่อนหน้า |
| RTL | boolean | ||
| selectedItem_ | protected |
ISelectableToolboxItem | ค่าว่าง | รายการที่เลือกไว้ในปัจจุบัน |
| toolboxDef_ | protected |
toolbox.ToolboxInfo | |
| toolboxPosition | toolbox.Position | ||
| width_ | protected |
ตัวเลข | ความกว้างของกล่องเครื่องมือ |
| workspace_ |
|
WorkspaceSvg | พื้นที่ทำงานที่กล่องเครื่องมือนี้เปิดอยู่ |
เมธอด
| วิธีการ | คีย์ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| addToolboxItem_(toolboxItem) | protected |
เพิ่มรายการลงในกล่องเครื่องมือ |
| attachEvents_(container, assetContainer) | protected |
เพิ่ม Listener เหตุการณ์ลงใน div คอนเทนเนอร์ของกล่องเครื่องมือ |
| autoHide(onlyClosePopups) | ซ่อนคอมโพเนนต์ โทรใน WorkspaceSvg.hideChaff | |
| clearSelection() | เลิกไฮไลต์รายการที่เลือกก่อนหน้า | |
| createContainer_() | protected |
สร้าง div คอนเทนเนอร์สำหรับกล่องเครื่องมือ |
| createContentsContainer_() | protected |
สร้างคอนเทนเนอร์สำหรับเนื้อหาทั้งหมดในกล่องเครื่องมือ |
| createDom_(workspace) | protected |
สร้าง DOM สำหรับกล่องเครื่องมือ |
| createFlyout_() | protected |
สร้าง Flyout ตามเลย์เอาต์กล่องเครื่องมือ |
| 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) | จัดการแป้นพิมพ์ลัดที่ระบุ | |
| position() | จัดตำแหน่งกล่องเครื่องมือโดยพิจารณาจากว่าเป็นกล่องเครื่องมือแนวนอนและพื้นที่ทำงานอยู่ใน RTL หรือไม่ | |
| refreshSelection() | อัปเดตเนื้อหาของ Flyout โดยไม่ต้องปิด ควรใช้เพื่อตอบสนองต่อการเปลี่ยนแปลงในหมวดหมู่แบบไดนามิก เช่น ตัวแปรหรือกระบวนการ | |
| renderContents_(toolboxDef) | protected |
เพิ่มรายการในกล่องเครื่องมือทั้งหมดลงในกล่องเครื่องมือ |
| selectItem_(oldItem, newItem) | protected |
เลือกรายการ ทําเครื่องหมายที่รายการที่เลือกไว้ และอัปเดตสถานะ ARI |
| selectItemByPosition(position) | เลือกรายการกล่องเครื่องมือตามตำแหน่งในรายการกล่องเครื่องมือ | |
| setSelectedItem(newItem) | ตั้งรายการที่ระบุตามที่เลือก ไม่ต้องดำเนินการ หากเลือกรายการไม่ได้ | |
| setVisible(isVisible) | แสดงหรือซ่อนกล่องเครื่องมือ | |
| ควรยกเลิกการเลือกรายการ_(รายการเก่า, รายการใหม่) | protected |
เลือกว่าจะยกเลิกการเลือกรายการเก่าหรือไม่ |
| ควรเลือกรายการ_(รายการเก่า, รายการใหม่) | protected |
ตัดสินใจว่าจะเลือกรายการใหม่หรือไม่ |
| updateCursorDeleteStyle_(addStyle) | protected |
เพิ่มหรือนำรูปแบบ CSS ของเคอร์เซอร์เหนือกล่องเครื่องมือออกโดยอิงตามคาดว่าระบบจะลบบล็อกหรือลูกโป่งที่อยู่เหนือเคอร์เซอร์หายไปหรือไม่ (โดยใช้พร็อพเพอร์ตี้ภายใน this.wouldDelete_) |
| updateFlyout_(oldItem, newItem) | protected |
เลือกว่าจะซ่อนหรือแสดงแบบลอยตัวโดยขึ้นอยู่กับรายการที่เลือก |
| updateWouldDelete_(wouldDelete) | protected |
อัปเดตสถานะ willDelete_ ภายใน |
| wouldDelete(element) | แสดงผลว่าระบบจะลบบล็อกหรือลูกโป่งที่ระบุหากวางในพื้นที่นี้ วิธีนี้ควรตรวจสอบว่าองค์ประกอบนี้ลบได้หรือไม่และมีการเรียกใช้ก่อน onDragEnter/onDragOver/onDragExit ทุกครั้ง |