کلاس جعبه ابزار
کلاس برای جعبه ابزار. DOM جعبه ابزار را ایجاد می کند.
امضا:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
گسترش می دهد: DeleteArea
پیاده سازی: IAutoHideable , IKeyboardAccessible ، IStyleable ، جعبه ابزار
سازندگان
| سازنده | اصلاح کننده ها | شرح |
|---|---|---|
| (سازنده) (فضای کاری) | نمونه جدیدی از کلاس Toolbox را می سازد |
خواص
| ویژگی | اصلاح کننده ها | تایپ کنید | شرح |
|---|---|---|---|
| boundEvents_ | protected | browserEvents.Data [] | اطلاعات نگهداری آرایه برای بازکردن کنترل‌کننده رویداد مورد نیاز است. برای دفع استفاده می شود. مثال: [[گره، نام، تابع]، [گره، نام، تابع]]. |
| محتوای نقشه_ | protected | { [key: string]: IToolboxItem ; } | |
| فهرست_ | protected | آیتم جعبه ابزار [] | لیست موارد موجود در جعبه ابزار. |
| contentsDiv_ | protected | HTMLDivElement | خالی | ظرف HTML برای محتویات یک جعبه ابزار. |
| ارتفاع_ | protected | عدد | ارتفاع جعبه ابزار. |
| HtmlDiv | HTMLDivElement | خالی | ظرف HTML برای جعبه ابزار. | |
| شناسه | رشته | شناسه منحصر به فرد این مؤلفه که برای ثبت نام در ComponentManager استفاده می شود. | |
| قابل مشاهده است_ | protected | بولی | آیا جعبه ابزار قابل مشاهده است یا خیر. |
| قبلاً انتخاب شده_ | protected | ISelectableToolboxItem | خالی | مورد انتخاب شده قبلی |
| RTL | بولی | ||
| مورد انتخاب شده_ | protected | ISelectableToolboxItem | خالی | مورد انتخاب شده در حال حاضر. |
| جعبه ابزار دف_ | protected | جعبه ابزار.ToolboxInfo | |
| موقعیت جعبه ابزار | جعبه ابزار.موقعیت | ||
| عرض_ | protected | عدد | عرض جعبه ابزار. |
| فضای کاری_ | | WorkspaceSvg | فضای کاری این جعبه ابزار در آن است. |
مواد و روش ها
| روش | اصلاح کننده ها | شرح |
|---|---|---|
| addToolboxItem_(toolboxItem) | protected | یک مورد را به جعبه ابزار اضافه می کند. |
| attachEvents_(container، contentsContainer) | protected | شنوندگان رویداد را به جعبه ابزار جعبه جعبه اضافه می کند. |
| پنهان کردن خودکار (فقط ClosePopups) | مولفه را پنهان می کند. در WorkspaceSvg.hideChaff فراخوانی شده است. | |
| clearSelection() | هر موردی که قبلاً انتخاب شده را برجسته نمی کند. | |
| createContainer_() | protected | Div کانتینری را برای جعبه ابزار ایجاد می کند. |
| createContentsContainer_() | protected | ظرفی را برای تمام محتویات جعبه ابزار ایجاد می کند. |
| createDom_(فضای کاری) | protected | DOM را برای جعبه ابزار ایجاد می کند. |
| createFlyout_() | protected | Flyout را بر اساس طرح جعبه ابزار ایجاد می کند. |
| deselectItem_(item) | protected | مورد داده شده را لغو انتخاب می کند، آن را به عنوان انتخاب نشده علامت گذاری می کند و وضعیت آریا را به روز می کند. |
| در معرض قرار دادن() | این جعبه ابزار را از بین می برد. | |
| 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) | میانبر صفحه کلید داده شده را کنترل می کند. | |
| موقعیت() | جعبه ابزار را بر اساس افقی بودن جعبه ابزار و اینکه آیا فضای کاری به صورت rtl است قرار می دهد. | |
| refreshSelection() | محتوای Flyout را بدون بستن آن به روز می کند. باید در پاسخ به تغییر در یکی از دسته بندی های پویا، مانند متغیرها یا رویه ها استفاده شود. | |
| renderContents_(toolboxDef) | protected | تمام موارد جعبه ابزار را به جعبه ابزار اضافه می کند. |
| selectItem_(oldItem، newItem) | protected | مورد داده شده را انتخاب می کند، آن را انتخاب شده علامت گذاری می کند و وضعیت آریا را به روز می کند. |
| selectItemByPosition(موقعیت) | مورد جعبه ابزار را بر اساس موقعیت آن در لیست موارد جعبه ابزار انتخاب می کند. | |
| setSelectedItem (NewItem) | مورد داده شده را به عنوان انتخاب شده تنظیم می کند. در صورتی که مورد قابل انتخاب نباشد، فعال نیست. | |
| setVisible (isVisible) | جعبه ابزار را نشان می دهد یا پنهان می کند. | |
| shouldDeselectItem_(oldItem, newItem) | protected | تصمیم می گیرد که آیا مورد قدیمی باید از حالت انتخاب خارج شود. |
| shouldSelectItem_(oldItem, newItem) | protected | تصمیم می گیرد که آیا مورد جدید باید انتخاب شود یا خیر. |
| updateCursorDeleteStyle_(addStyle) | protected | سبک CSS مکان نما را بر روی جعبه ابزار اضافه می کند یا حذف می کند، بر اساس اینکه آیا بلوک یا حباب روی آن انتظار می رود در صورت حذف شدن حذف شود (با استفاده از ویژگی داخلی this.wouldDelete_). |
| updateFlyout_(oldItem، newItem) | protected | بسته به مورد انتخاب شده تصمیم می گیرد که آیا پرواز را پنهان یا نشان دهد. |
| updateWouldDelete_(wildDelete) | protected | وضعیت داخلی wouldDelete_ را به روز می کند. |
| wouldDelete(element, _couldConnect) | نشان می دهد که اگر بلوک یا حباب ارائه شده در این ناحیه حذف شود یا خیر. این روش باید بررسی کند که آیا عنصر قابل حذف است و همیشه قبل از onDragEnter/onDragOver/onDragExit فراخوانی می شود. |