Lớp hộp công cụ
Lớp cho Hộp công cụ. Tạo DOM của hộp công cụ.
Chữ ký:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
Mở rộng: DeleteArea
Triển khai: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
Hàm khởi tạo
Hàm dựng | Đối tượng sửa đổi | Nội dung mô tả |
---|---|---|
(hàm khởi tạo)(không gian làm việc) | Tạo một thực thể mới của lớp Toolbox |
Thuộc tính
Tài sản | Đối tượng sửa đổi | Loại | Nội dung mô tả |
---|---|---|---|
boundEvents_ | protected |
browserEvents.Data[] | Mảng lưu giữ thông tin cần thiết để huỷ liên kết trình xử lý sự kiện. Dùng để vứt bỏ. Ví dụ: [[nút, tên, Func], [nút, tên, func]]. |
contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
contents_ | protected |
IToolboxItem[] | Danh sách các mục trong hộp công cụ. |
contentsDiv_ | protected |
HTMLDivElement | giá trị rỗng | Vùng chứa HTML cho nội dung của hộp công cụ. |
height_ | protected |
number | Chiều cao của hộp công cụ. |
HtmlDiv | HTMLDivElement | giá trị rỗng | Vùng chứa HTML cho hộp công cụ. | |
id | string | Mã nhận dạng duy nhất cho thành phần này, được dùng để đăng ký với ComponentManager. | |
isVisible_ | protected |
boolean | Liệu Hộp công cụ có hiển thị hay không. |
previouslySelectedItem_ | protected |
ISelectableToolboxItem | giá trị rỗng | Mục đã chọn trước đó. |
RTL | boolean | ||
selectedItem_ | protected |
ISelectableToolboxItem | giá trị rỗng | Mục hiện được chọn. |
toolboxDef_ | protected |
toolbox.ToolboxInfo | |
toolboxPosition | toolbox.Position | ||
width_ | protected |
number | Chiều rộng của hộp công cụ. |
workspace_ |
|
WorkspaceSvg | Không gian làm việc của hộp công cụ này. |
Phương thức
Phương thức | Đối tượng sửa đổi | Nội dung mô tả |
---|---|---|
addToolboxItem_(toolboxItem) | protected |
Thêm một mục vào hộp công cụ. |
Đính kèm_(vùng chứa, nội dungVùng chứa) | protected |
Thêm trình nghe sự kiện vào div vùng chứa hộp công cụ. |
autoHide(onlyClosePopups) | Ẩn thành phần. Được gọi trong WorkspaceSvg.hideChaff. | |
clearSelection() | Bỏ đánh dấu mọi mục đã chọn trước đó. | |
createContainer_() | protected |
Tạo div vùng chứa cho hộp công cụ. |
createContentsContainer_() | protected |
Tạo vùng chứa cho tất cả nội dung trong hộp công cụ. |
createDom_(workspace) | protected |
Tạo DOM cho hộp công cụ. |
createFlyout_() | protected |
Tạo cửa sổ bật lên dựa trên bố cục hộp công cụ. |
deselectItem_(item) | protected |
Bỏ chọn mục đã cho, đánh dấu mục đó là đã bỏ chọn rồi cập nhật trạng thái aria. |
dispose() | Vứt bỏ hộp công cụ này. | |
getClientRect() | Trả về hình chữ nhật bao quanh khu vực mục tiêu kéo theo đơn vị pixel so với khung nhìn. | |
getFlyout() | Lấy hộp công cụ bay ra. | |
getHeight() | Lấy chiều cao của hộp công cụ. | |
getPreviouslySelectedItem() | Lấy mục đã chọn trước đó. | |
getSelectedItem() | Lấy mục đã chọn. | |
getToolboxItemById(id) | Lấy mục trong hộp công cụ có mã nhận dạng đã cho. | |
getToolboxItems() | Lấy các mục trong hộp công cụ. | |
getWidth() | Lấy chiều rộng của hộp công cụ. | |
getWorkspace() | Lấy không gian làm việc cho hộp công cụ. | |
init() | Khởi chạy hộp công cụ | |
isHorizontal() | Xem hộp công cụ có nằm ngang hay không. | |
onClick_(e) | protected |
Xử lý các sự kiện nhấp chuột khi người dùng nhấp vào hộp công cụ hoặc các mục trong hộp công cụ. |
onDragEnter(_dragElement) | Xử lý khi một con trỏ có một khối hoặc bong bóng đi vào mục tiêu kéo này. | |
onDragExit(_dragElement) | Xử lý khi con trỏ có một khối hoặc bong bóng thoát khỏi mục tiêu kéo này. | |
onDrop(_dragElement) | Xử lý khi một khối hoặc bong bóng thả xuống trên thành phần này. Không nên xử lý thao tác xoá tại đây. | |
onKeyDown_(e) | protected |
Xử lý các sự kiện nhấn phím cho hộp công cụ. |
onShortcut(_shortcut) | Xử lý phím tắt đã cho. | |
position() | Định vị hộp công cụ dựa vào việc hộp công cụ đó có phải là hộp công cụ theo chiều ngang hay không và không gian làm việc có nằm trong rtl hay không. | |
refreshSelection() | Cập nhật nội dung của thông báo mà không cần đóng nội dung đó. Nên được sử dụng để phản hồi với thay đổi ở một trong các danh mục động, chẳng hạn như các biến hoặc quy trình. | |
renderContents_(toolboxDef) | protected |
Thêm tất cả các mục trong hộp công cụ vào hộp công cụ. |
selectItem_(oldItem, newItem) | protected |
Chọn mục đã cho, đánh dấu mục đó đã chọn và cập nhật trạng thái aria. |
selectItemByPosition(position) | Chọn mục trong hộp công cụ theo vị trí trong danh sách các mục trong hộp công cụ. | |
setSelectedItem(newItem) | Đặt mục cụ thể thành đã chọn. Không hoạt động nếu không chọn được mục đó. | |
setVisible(isVisible) | Hiển thị hoặc ẩn hộp công cụ. | |
shouldDeselectItem_(oldItem, newItem) | protected |
Quyết định xem có bỏ chọn mục cũ hay không. |
shouldSelectItem_(oldItem, newItem) | protected |
Quyết định xem có nên chọn mục mới hay không. |
updateCursorDeleteStyle_(addStyle) | protected |
Thêm hoặc xoá kiểu CSS của con trỏ trên hộp công cụ dựa trên việc liệu khối hoặc bong bóng trên đó có bị xoá nếu bị xoá hay không (sử dụng thuộc tính this.sẽDelete_ nội bộ). |
updateFlyout_(oldItem, newItem) | protected |
Quyết định ẩn hay hiển thị cửa sổ bật lên tuỳ thuộc vào mục đã chọn. |
updateWouldDelete_(wouldDelete) | protected |
Cập nhật trạng thái willDelete_ nội bộ. |
wouldDelete(element, _couldConnect) | Trả về việc khối hoặc bong bóng đã cung cấp có bị xoá nếu được thả vào vùng này hay không. Phương thức này phải kiểm tra xem phần tử có thể xoá và luôn được gọi trước onDragEnter/onDragOver/onDragExit. |