blockly > Hộp công cụ

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_	protected readonly	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.