blockly > Toolbox

Klasa zestawu narzędzi

Class for a Toolbox. Tworzy DOM przybornika.

Podpis:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode 

Rozszerza: DeleteArea

Implementuje: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Zespoły

Zespół Modyfikatory Opis
(konstruktor)(przestrzeń robocza) Tworzy nową instancję klasy Toolbox

Właściwości

Właściwość Modyfikatory Typ Opis
boundEvents_ protected browserEvents.Data[] Tablica zawierająca informacje potrzebne do odłączenia funkcji obsługi zdarzeń. Służy do utylizacji. Przykład: [[node, name, func], [node, name, func]].
treści protected Map<string, IToolboxItem> Mapowanie z identyfikatora na odpowiedni element skrzynki narzędziowej.
contentsDiv_ protected HTMLDivElement | null Kontener HTML na zawartość przybornika.
height_ protected liczba Wysokość przybornika.
HtmlDiv HTMLDivElement | null Kontener HTML zestawu narzędzi.
id ciąg znaków Unikalny identyfikator tego komponentu, który jest używany do rejestracji w ComponentManager.
isVisible_ protected Wartość logiczna Określa, czy przybornik jest widoczny.
previouslySelectedItem_ protected ISelectableToolboxItem | null Wcześniej wybrany element.
RTL Wartość logiczna
selectedItem_ protected ISelectableToolboxItem | null Obecnie wybrany element.
toolboxDef_ protected toolbox.ToolboxInfo
toolboxPosition toolbox.Position
width_ protected liczba Szerokość przybornika.
workspace_

protected

readonly

WorkspaceSvg Obszar roboczy, w którym znajduje się ten zestaw narzędzi.

Metody

Metoda Modyfikatory Opis
addToolboxItem_(toolboxItem) protected Dodaje element do przybornika.
attachEvents_(container, contentsContainer) protected Dodaje detektory zdarzeń do elementu div kontenera przybornika.
autoHide(onlyClosePopups) Ukrywa komponent. Wywoływana w funkcji WorkspaceSvg.hideChaff.
canBeFocused() Zobacz IFocusableNode.canBeFocused.
clearSelection() Usuwa wyróżnienie wcześniej wybranego elementu.
createContainer_() protected Tworzy element div kontenera dla przybornika.
createContentsContainer_() protected Tworzy kontener na wszystkie treści w przyborniku.
createDom_(workspace) protected Tworzy DOM dla przybornika.
createFlyout_() protected Tworzy wysuwane menu na podstawie układu przybornika.
deselectItem_(item) protected Odznacza dany element, oznacza go jako nie wybrany i aktualizuje stan aria.
dispose() Usuwa ten zestaw narzędzi.
getClientRect() Zwraca prostokąt ograniczający obszaru docelowego przeciągania w pikselach względem obszaru wyświetlania.
getFlyout() Pobiera wysuwane menu z narzędziami.
getFocusableElement() Zobacz IFocusableNode.getFocusableElement.
getFocusableTree() Zobacz IFocusableNode.getFocusableTree.
getHeight() Pobiera wysokość przybornika.
getNestedTrees() Zobacz IFocusableTree.getNestedTrees.
getPreviouslySelectedItem() Pobiera wcześniej wybrany element.
getRestoredFocusableNode(previousNode) Zobacz IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode() Zobacz IFocusableTree.getRootFocusableNode.
getSelectedItem() Pobiera wybrany element.
getToolboxItemById(id) Pobiera element przybornika o podanym identyfikatorze.
getToolboxItems() Pobiera elementy z przybornika.
getWidth() Pobiera szerokość przybornika.
getWorkspace() Pobiera obszar roboczy dla przybornika.
init() Inicjuje przybornik.
isHorizontal() Określa, czy przybornik jest poziomy.
lookUpFocusableNode(id) Zobacz IFocusableTree.lookUpFocusableNode.
onClick_(e) protected Obsługuje zdarzenia kliknięcia, gdy kliknięto przybornik lub jego elementy.
onDragEnter(_dragElement) Obsługuje sytuację, w której kursor z blokiem lub dymkiem wchodzi w obszar docelowy przeciągania.
onDragExit(_dragElement) Obsługuje sytuację, w której kursor z blokiem lub dymkiem opuszcza ten element docelowy przeciągania.
onDrop(_dragElement) Obsługuje sytuację, w której blok lub dymek zostanie upuszczony na ten komponent. Nie należy tutaj obsługiwać usuwania.
onKeyDown_(e) protected Obsługuje zdarzenia naciśnięcia klawisza w przyborniku.
onNodeBlur() Zobacz IFocusableNode.onNodeBlur.
onNodeFocus() Zobacz IFocusableNode.onNodeFocus.
onShortcut(_shortcut) Obsługuje podany skrót klawiszowy.
onTreeBlur(nextTree) Zobacz IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree) Zobacz IFocusableTree.onTreeFocus.
position() Ustawia przybornik w zależności od tego, czy jest to przybornik poziomy i czy obszar roboczy jest w trybie od prawej do lewej.
refreshSelection() Aktualizuje zawartość wysuwanego menu bez jego zamykania. Należy go używać w odpowiedzi na zmianę w jednej z kategorii dynamicznych, np. zmiennych lub procedur.
renderContents_(toolboxDef) protected Dodaje wszystkie elementy przybornika do przybornika.
selectItem_(oldItem, newItem) protected Wybiera dany element, oznacza go jako wybrany i aktualizuje stan aria.
selectItemByPosition(position) Wybiera element przybornika na podstawie jego pozycji na liście elementów przybornika.
setSelectedItem(newItem) Ustawia dany element jako wybrany. Nie wykonuje żadnej operacji, jeśli element nie jest wybieralny.
setVisible(isVisible) Wyświetla lub ukrywa przybornik.
shouldDeselectItem_(oldItem, newItem) protected Określa, czy stary element powinien zostać odznaczony.
shouldSelectItem_(oldItem, newItem) protected Określa, czy nowy element ma być zaznaczony.
updateCursorDeleteStyle_(addStyle) protected Dodaje lub usuwa styl CSS kursora nad przybornikiem w zależności od tego, czy blok lub dymek nad nim ma zostać usunięty po upuszczeniu (za pomocą wewnętrznej właściwości this.wouldDelete_).
updateFlyout_(oldItem, newItem) protected Określa, czy wysuwane menu ma być ukryte, czy widoczne w zależności od wybranego elementu.
updateWouldDelete_(wouldDelete) protected Aktualizuje wewnętrzny stan wouldDelete_.
wouldDelete(element) Zwraca informację, czy podany blok lub dymek zostałby usunięty, gdyby został upuszczony w tym obszarze. Ta metoda powinna sprawdzać, czy element można usunąć, i jest zawsze wywoływana przed onDragEnter/onDragOver/onDragExit.