‫blockly > Toolbox

סדנת כלי עריכה

Class for a Toolbox. יוצר את ה-DOM של ארגז הכלים.

Signature:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode 

Extends: DeleteArea

ממשקים: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

יצרנים

יצרן	גורמי שינוי	תיאור
(constructor)(workspace)		יוצר מופע חדש של המחלקה Toolbox

מאפיינים

נכס	גורמי שינוי	סוג	תיאור
boundEvents_	protected	browserEvents.Data[]	מערך שמכיל את המידע שנדרש לביטול הקישור של פונקציות לטיפול באירועים. משמש לסילוק. דוגמה: [[node, name, func], [node, name, func]].
תוכן	protected	‫Map<string, IToolboxItem>	מיפוי ממזהה לפריט המתאים בארגז הכלים.
contentsDiv_	protected	HTMLDivElement | null	מאגר ה-HTML של התוכן בארגז הכלים.
height_	protected	number	גובה ארגז הכלים.
HtmlDiv		HTMLDivElement | null	מאגר ה-HTML של ארגז הכלים.
id		מחרוזת	המזהה הייחודי של הרכיב הזה שמשמש לרישום ב-ComponentManager.
isVisible_	protected	בוליאני	האם ארגז הכלים גלוי.
previouslySelectedItem_	protected	ISelectableToolboxItem | null	הפריט שנבחר קודם.
RTL		בוליאני
selectedItem_	protected	ISelectableToolboxItem | null	הפריט שנבחר כרגע.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	number	רוחב ארגז הכלים.
workspace_	protected readonly	WorkspaceSvg	סביבת העבודה שבה נמצא ארגז הכלים הזה.

Methods

שיטה	גורמי שינוי	תיאור
addToolboxItem_(toolboxItem)	protected	הוספת פריט לארגז הכלים.
attachEvents_(container, contentsContainer)	protected	מוסיף פונקציות event listener ל-div של מאגר כלי העריכה.
autoHide(onlyClosePopups)		הסתרת הרכיב. הפעולה נקראת ב-WorkspaceSvg.hideChaff.
canBeFocused()		ראו IFocusableNode.canBeFocused.
clearSelection()		ההדגשה של פריט שנבחר קודם תוסר.
createContainer_()	protected	יוצר את רכיב ה-div של מאגר התגים עבור ארגז הכלים.
createContentsContainer_()	protected	יוצר את מאגר התגים לכל התוכן בארגז הכלים.
createDom_(workspace)	protected	יוצר את ה-DOM של ארגז הכלים.
createFlyout_()	protected	יוצר את התפריט הנשלף על סמך הפריסה של ארגז הכלים.
deselectItem_(item)	protected	מבטלים את הבחירה בפריט, מסמנים אותו כלא נבחר ומעדכנים את מצב aria.
dispose()		מחיקת ארגז הכלים הזה.
getClientRect()		מחזירה את המלבן התוחם של אזור היעד של הגרירה ביחידות פיקסל ביחס לאזור התצוגה.
getFlyout()		מקבל את התפריט הנפתח של ארגז הכלים.
getFocusableElement()		מידע נוסף מופיע במאמר בנושא IFocusableNode.getFocusableElement.
getFocusableTree()		מידע נוסף מופיע במאמר בנושא IFocusableNode.getFocusableTree.
getHeight()		הפונקציה מחזירה את הגובה של ארגז הכלים.
getNestedTrees()		ראו IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		מחזירה את הפריט שנבחר קודם.
getRestoredFocusableNode(previousNode)		מידע נוסף מופיע במאמר בנושא IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		ראו IFocusableTree.getRootFocusableNode.
getSelectedItem()		מחזירה את הפריט שנבחר.
getToolboxItemById(id)		מקבל את הפריט בארגז הכלים עם המזהה הנתון.
getToolboxItems()		מקבל את הפריטים בארגז הכלים.
getWidth()		הפונקציה מחזירה את הרוחב של ארגז הכלים.
getWorkspace()		מקבל את סביבת העבודה של ארגז הכלים.
init()		הפעלת ארגז הכלים
isHorizontal()		מחזירה אם ארגז הכלים אופקי או לא.
lookUpFocusableNode(id)		ראו IFocusableTree.lookUpFocusableNode.
onClick_(e)	protected	מטפל באירועים מסוג קליק כשלוחצים על ארגז הכלים או על פריטים בארגז הכלים.
onDragEnter(_dragElement)		הפונקציה מטפלת במקרים שבהם סמן עם בלוק או בועה נכנס ליעד הגרירה הזה.
onDragExit(_dragElement)		הפונקציה הזו מטפלת במקרים שבהם סמן עם בלוק או בועה יוצא מיעד הגרירה הזה.
onDrop(_dragElement)		הפונקציה מטפלת במקרים שבהם גוררים בלוק או בועה אל הרכיב הזה. לא צריך לטפל במחיקה כאן.
onKeyDown_(e)	protected	מטפל באירועים של לחיצה על מקש בסרגל הכלים.
onNodeBlur()		מידע נוסף מופיע במאמר בנושא IFocusableNode.onNodeBlur.
onNodeFocus()		ראו IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		מטפל במקשי הקיצור שצוינו.
onTreeBlur(nextTree)		ראו IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		מידע נוסף זמין במאמר בנושא IFocusableTree.onTreeFocus.
position()		הפונקציה ממקמת את ארגז הכלים בהתאם לכך שהוא אופקי והאם סביבת העבודה היא מימין לשמאל.
refreshSelection()		מעדכן את התוכן של התפריט הנפתח בלי לסגור אותו. צריך להשתמש בה בתגובה לשינוי באחת מהקטגוריות הדינמיות, כמו משתנים או פרוצדורות.
renderContents_(toolboxDef)	protected	כל הפריטים שבארגז הכלים יתווספו לארגז הכלים.
selectItem_(oldItem, newItem)	protected	בוחר את הפריט שצוין, מסמן אותו כפריט שנבחר ומעדכן את מצב ה-ARIA.
selectItemByPosition(position)		בוחר את הפריט בארגז הכלים לפי המיקום שלו ברשימת הפריטים בארגז הכלים.
setSelectedItem(newItem)		מגדיר את הפריט שצוין כפריט שנבחר. פעולה שלא משפיעה על המערכת אם אי אפשר לבחור את הפריט.
setVisible(isVisible)		הצגה או הסתרה של ארגז הכלים.
shouldDeselectItem_(oldItem, newItem)	protected	קובע אם לבטל את הבחירה של הפריט הישן.
shouldSelectItem_(oldItem, newItem)	protected	קובע אם הפריט החדש צריך להיות מסומן.
updateCursorDeleteStyle_(addStyle)	protected	הפונקציה מוסיפה או מסירה את סגנון ה-CSS של הסמן מעל ארגז הכלים, בהתאם לכך שאם הבלוק או הבועה מעל ארגז הכלים יופלו (באמצעות המאפיין הפנימי this.wouldDelete_), הם צפויים להימחק.
updateFlyout_(oldItem, newItem)	protected	הפונקציה קובעת אם להסתיר או להציג את התפריט הנפתח בהתאם לפריט שנבחר.
updateWouldDelete_(wouldDelete)	protected	מעדכנים את המצב הפנימי wouldDelete_.
wouldDelete(element)		הפונקציה מחזירה את הערך true אם הבלוק או הבועה שסופקו יימחקו אם הם יושמטו באזור הזה, אחרת היא מחזירה את הערך false. ה-method הזה צריך לבדוק אם אפשר למחוק את הרכיב, והוא תמיד נקרא לפני onDragEnter/onDragOver/onDragExit.