blockly > ארגז כלים

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

כיתה לארגז כלים. יצירת ה-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	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	סביבת העבודה שבה נמצא ארגז הכלים הזה.

שיטות

שיטה	גורמי שינוי	תיאור
addToolboxItem_(toolboxItem)	protected	הוספת פריט לארגז הכלים.
attachEvents_(container, contentContainer)	protected	הוספת פונקציות event listener ל-div בקונטיינר בארגז הכלים.
autoHide(onlyClosePopups)		הסתרת הרכיב. שיחה ב-WorkspaceSvg.muteChaff.
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)		הצגה או הסתרה של ארגז הכלים.
EligibleDeselectItem_(oldItem, newItem)	protected	המדיניות הזו קובעת אם צריך לבטל את הבחירה בפריט הישן.
EligibleSelectItem_(oldItem, newItem)	protected	האפשרות הזו קובעת אם לבחור בפריט החדש.
updateCursorDeleteStyle_(addStyle)	protected	מוסיפה או מסירה את סגנון ה-CSS של הסמן מעל ארגז הכלים על סמך קביעה אם הבלוק או הבועה שמעליו יימחקו אם הם יוסרו (באמצעות המאפיין הפנימי this.wouldDelete_).
updateFlyout_(oldItem, newItem)	protected	המדיניות הזו קובעת אם להסתיר או להציג את הנסתר בהתאם לפריט שנבחר.
updateWouldDelete_(wouldDelete)	protected	מעדכן את המצב הפנימי מסוג willDelete_.
wouldDelete(element)		הפונקציה מחזירה אם הבלוק או הבועה שסופקו יימחקו אם יושמטו על האזור. השיטה הזו תבדוק אם ניתן למחוק את הרכיב והוא תמיד מופעל לפני onDragEnter/onDragOver/onDragExit.