Blockly | Google for Developers

Bản khảo sát nghiên cứu: Cho chúng tôi biết trải nghiệm của bạn khi sử dụng Blockly

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

Lớp Toolbox

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

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 để vứt bỏ. Ví dụ: [[node, name, Func], [node, name, 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 \| rỗng	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 \| 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, 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 \| rỗng	Mục đã chọn trước đó.
RTL		boolean
selectedItem_	`protected`	ISelectableToolboxItem \| rỗng	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 hộp công cụ này đang bật.

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, contentContainer)	`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 bất kỳ mục nào đã 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à chưa được 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 giới hạn của vùng mục tiêu kéo, tính bằng đơn vị pixel tương ứng với khung nhìn.
getFlyout()		Xem hộp công cụ.
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()		Kiểm tra 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 các mục trong hộp công cụ hoặc hộp công cụ.
onDragEnter(_dragElement)		Xử lý khi con trỏ có khối hoặc bong bóng nhập vào mục tiêu kéo này.
onDragExit(_dragElement)		Xử lý khi con trỏ có 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ả trên 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 xuống 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ụ nằm ngang hay không và không gian làm việc có ở vị trí rtl hay không.
refreshSelection()		Cập nhật nội dung của trang đích mà không cần đóng trang này. Nên được sử dụng để ứng phó với thay đổi về 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 đã chọn và cập nhật trạng thái của 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 đã chọn thành đã chọn. Không hoạt động nếu mục này 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ó bỏ chọn mục cũ hay không.
shouldSelectItem_(oldItem, newItem)	`protected`	Quyết định 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 vào việc khối hoặc bong bóng trên hộp công cụ có dự kiến sẽ bị xoá nếu bị xoá hay không (sử dụng thuộc tính nội bộ this.ChâuDelete_).
updateFlyout_(oldItem; newItem)	`protected`	Quyết định xem nên ẩn hay hiện cửa sổ chạy 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)		Trả về liệu khối hoặc bong bóng được cung cấp có bị xoá nếu được thả vào khu vực này hay không. Phương thức này sẽ kiểm tra xem phần tử có thể loại bỏ được và luôn được gọi trước onDragEnter/onDragOver/onDragExit hay không.