Blockly | Google for Developers

Trang này được dịch bởi Cloud Translation API.

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, IFocusableNode

Mở rộng: DeleteArea

Triển khai: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Hàm khởi tạo

Hàm dựng	Đối tượng sửa đổi	Mô tả
(constructor)(workspace)		Tạo một thực thể mới của lớp `Toolbox`

Thuộc tính

Thuộc tính	Đối tượng sửa đổi	Loại	Mô tả
boundEvents_	`protected`	browserEvents.Data[]	Mảng chứa thông tin cần thiết để huỷ liên kết các trình xử lý sự kiện. Dùng để xử lý. Ví dụ: [[node, name, func], [node, name, func]].
nội dung	`protected`	Map<string, IToolboxItem>	Liên kết từ mã nhận dạng đến mục tương ứng trong hộp công cụ.
contentsDiv_	`protected`	HTMLDivElement \| null	Vùng chứa HTML cho nội dung của hộp công cụ.
height_	`protected`	số	Chiều cao của hộp công cụ.
HtmlDiv		HTMLDivElement \| null	Vùng chứa HTML cho hộp công cụ.
id		chuỗi	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	Xem Hộp công cụ có xuất hiện hay không.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| null	Mục đã chọn trước đó.
RTL		boolean
selectedItem_	`protected`	ISelectableToolboxItem \| null	Mục hiện được chọn.
toolboxDef_	`protected`	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	`protected`	số	Chiều rộng của hộp công cụ.
workspace_	`protected` `readonly`	WorkspaceSvg	Không gian làm việc mà hộp công cụ này nằm trên.

Phương thức

Phương thức	Đối tượng sửa đổi	Mô tả
addToolboxItem_(toolboxItem)	`protected`	Thêm một mục vào hộp công cụ.
attachEvents_(container, contentsContainer)	`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.
canBeFocused()		Xem IFocusableNode.canBeFocused.
clearSelection()		Huỷ làm nổi bật mọi mục đã chọn trước đó.
createContainer_()	`protected`	Tạo vùng chứa div 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 trình đơn bật lên dựa trên bố cục hộp công cụ.
deselectItem_(item)	`protected`	Huỷ chọn mục đã cho, đánh dấu mục đó là chưa chọn và cập nhật trạng thái aria.
dispose()		Huỷ bỏ hộp công cụ này.
getClientRect()		Trả về hình chữ nhật giới hạn của vùng đích kéo theo đơn vị pixel so với khung nhìn.
getFlyout()		Lấy flyout hộp công cụ.
getFocusableElement()		Xem IFocusableNode.getFocusableElement.
getFocusableTree()		Xem IFocusableNode.getFocusableTree.
getHeight()		Lấy chiều cao của hộp công cụ.
getNestedTrees()		Xem IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		Lấy mục đã chọn trước đó.
getRestoredFocusableNode(previousNode)		Xem IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		Xem IFocusableTree.getRootFocusableNode.
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()		Cho biết hộp công cụ có nằm ngang hay không.
lookUpFocusableNode(id)		Xem IFocusableTree.lookUpFocusableNode.
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 con trỏ có một khối hoặc bong bóng đi vào đích 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 được thả vào thành phần này. Không nên xử lý thao tác xoá ở đây.
onKeyDown_(e)	`protected`	Xử lý các sự kiện nhấn phím cho hộp công cụ.
onNodeBlur()		Xem IFocusableNode.onNodeBlur.
onNodeFocus()		Xem IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		Xử lý phím tắt đã cho.
onTreeBlur(nextTree)		Xem IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		Xem IFocusableTree.onTreeFocus.
position()		Đặt bộ công cụ dựa trên việc bộ công cụ đó là bộ công cụ ngang hay không và liệu không gian làm việc có ở chế độ rtl hay không.
refreshSelection()		Cập nhật nội dung của bảng chọn mà không đóng bảng chọn. Nên được dùng để phản hồi một thay đổi trong một trong các danh mục động, chẳng hạn như 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 đó là đã chọn và cập nhật trạng thái aria.
selectItemByPosition(position)		Chọn mục hộp công cụ theo vị trí của mục đó trong danh sách các mục hộp công cụ.
setSelectedItem(newItem)		Đặt mục đã cho làm mục được chọn. Không hoạt động nếu mục không thể chọn.
setVisible(isVisible)		Hiện hoặc ẩn hộp công cụ.
shouldDeselectItem_(oldItem, newItem)	`protected`	Quyết định xem có nên 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 khối hoặc bong bóng trên hộp công cụ có được xoá hay không nếu bị thả (bằng cách sử dụng thuộc tính this.wouldDelete_ nội bộ).
updateFlyout_(oldItem, newItem)	`protected`	Quyết định ẩn hay hiện bảng chọn tuỳ thuộc vào mục đã chọn.
updateWouldDelete_(wouldDelete)	`protected`	Cập nhật trạng thái wouldDelete_ nội bộ.
wouldDelete(element)		Trả về việc khối hoặc bong bóng được cung cấp có bị xoá hay không nếu được thả vào khu vực này. Phương thức này phải kiểm tra xem phần tử có thể xoá hay không và luôn được gọi trước onDragEnter/onDragOver/onDragExit.