فئة مجموعة الأدوات
صف لصندوق الأدوات. تنشئ DOM لصندوق الأدوات.
Signature:
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 لصندوق الأدوات | |
| المعرِّف | سلسلة | المعرّف الفريد لهذا المكوِّن الذي يُستخدَم للتسجيل في ComponentManager. | |
| isVisible_ | protected |
منطقي | ما إذا كان مربع الأدوات مرئيًا أم لا. |
| previouslySelectedItem_ | protected |
ISelectableToolboxItem | فارغ | العنصر الذي تم اختياره سابقًا. |
| RTL | منطقي | ||
| selectedItem_ | protected |
ISelectableToolboxItem | فارغ | العنصر المحدد حاليًا. |
| toolboxDef_ | protected |
toolbox.ToolboxInfo | |
| toolboxPosition | toolbox.Position | ||
| width_ | protected |
الرقم | عرض صندوق الأدوات |
| workspace_ |
|
WorkspaceSvg | مساحة العمل التي تم تفعيل صندوق الأدوات هذا فيها |
الطُرق
| الطريقة | مفاتيح التعديل | الوصف |
|---|---|---|
| addToolboxItem_(toolboxItem) | protected |
يضيف عنصرًا إلى مربع الأدوات. |
| attachevents_(container, contentsContainer) | protected |
تضيف أدوات معالجة الأحداث إلى عنصر div حاوية مربع الأدوات. |
| autoHide(onlyClosePopups) | يؤدي هذا الإجراء إلى إخفاء المكوِّن. تم الاتصال في WorkspaceSvg.hiddenChaff. | |
| 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) | يؤدي إلى إظهار مربع الأدوات أو إخفائه. | |
| يجب DeselectItem_(oldItem, newItem) | protected |
تحدِّد هذه السياسة ما إذا كان يجب إلغاء اختيار العنصر القديم. |
| shouldSelectItem_(oldItem, newItem) | protected |
تحدِّد هذه السياسة ما إذا كان يجب اختيار العنصر الجديد. |
| updateCursorDeleteStyle_(addStyle) | protected |
لإضافة نمط CSS للمؤشر فوق مربع الأدوات أو إزالته استنادًا إلى ما إذا كان من المتوقع حذف الكتلة أو الفقاعة التفسيرية التي تظهر فوقها عند إفلاتها (باستخدام خاصية this.wouldDelete_ الداخلية) |
| updateFlyout_(oldItem, newItem) | protected |
لتحديد ما إذا كان سيتم إخفاء القائمة المنبثقة أو إظهارها بناءً على العنصر المحدد. |
| updateWouldDelete_(wouldDelete) | protected |
يعدّل حالة willDelete_ الداخلية. |
| wouldDelete(element) | تعرض ما إذا كان سيتم حذف القالب أو الفقاعة التفسيرية المقدمين إذا تم إسقاطهما على هذه المنطقة. يجب أن تتحقق هذه الطريقة مما إذا كان العنصر قابلاً للحذف ويتم استدعاؤه دائمًا قبل onDragEnter/onDragOver/onDragExit. |