blockly > Toolbox

שיעור בארגז הכלים

שיעור לארגז כלים. יוצר את ה-DOM של ארגז הכלים.

Signature:

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

מרחיב: DeleteArea

הטמעות: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

יצרנים

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

תכונות

נכס	גורמי שינוי	תיאור	התיאור
boundEvents_	protected	browserEvents.Data[]	מערך שמחזיק את המידע שנדרש כדי לבטל את הקישור של הגורמים המטפלים באירועים. משמש לסילוק. לדוגמה: [[צומת, שם, פונק], [צומת, שם, פונק]].
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_	protected readonly	WorkspaceSvg	סביבת העבודה שבה נמצא ארגז הכלים הזה.

שיטות

שיטה	גורמי שינוי	התיאור
addToolboxItem_(toolboxItem)	protected	הוספת פריט לארגז הכלים.
attachEvents_(container, contentContainer)	protected	הוספת event listeners למאגר הכלים div.
autoHide(onlyClosePopups)		הסתרת הרכיב. נקראת ב-WorkspaceSvg.holdChaff.
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)		מטפל במקש הקיצור הנתון.
position()		מיקום ארגז הכלים על סמך ארגז כלים אופקי ואם סביבת העבודה היא ב-rtl.
refreshSelection()		מעדכן את התוכן של האפליקציה המורחבת מבלי לסגור אותו. צריך להשתמש בו בתגובה לשינוי באחת מהקטגוריות הדינמיות, כמו משתנים או הליכים.
renderContents_(toolboxDef)	protected	הוספת כל הפריטים בארגז הכלים.
selectItem_(oldItem, newItem)	protected	בחירת הפריט הנתון, סימון הפריט שנבחר ועדכון מצב ה-ARIA.
selectItemByPosition(position)		בחירת הפריט בארגז הכלים לפי מיקומו ברשימת הפריטים בארגז הכלים.
setSelectedItem(newItem)		מגדיר את הפריט הנתון כפריט שנבחר. לא להפעיל אם הפריט לא ניתן לבחירה.
setVisible(isVisible)		הצגה או הסתרה של ארגז הכלים.
shouldDeselectItem_(oldItem, newItem)	protected	ההגדרה קובעת אם יש לבטל את הבחירה של הפריט הישן.
ChooseItem_(oldItem, newItem)	protected	קובעת אם יש לבחור את הפריט החדש.
updateCursorDeleteStyle_(addStyle)	protected	מוסיף או מסיר את סגנון ה-CSS של הסמן מעל לארגז הכלים, בהתאם לאופן שבו הבלוק או הבועה מעליו יימחקו אם הוא יושמט (באמצעות המאפיין Internal this.wouldDelete_).
updateFlyout_(oldItem, newItem)	protected	אפשר להחליט אם להסתיר או להציג את התפריט הנפתח בהתאם לפריט שנבחר.
updateWouldDelete_(wouldDelete)	protected	עדכון המצב הפנימי wasDelete_.
wouldDelete(element, _couldConnect)		מחזירה אם הבלוק או הבועה שצוינו יימחקו אם יושמטו באזור הזה. בשיטה הזו צריך לבדוק אם הרכיב ניתן למחיקה ושהוא תמיד נקרא לפני onDragEnter/onDragOver/onDragExit.