blockly > Toolbox

Araç kutusu sınıfı

Araç kutusu için sınıf. Araç kutusunun DOM'unu oluşturur.

İmza:

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

Genişletir: DeleteArea

Uygulama: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Markalar

Marka Değiştiriciler Açıklama
(constructor)(workspace) Toolbox sınıfının yeni bir örneğini oluşturur.

Özellikler

Mülk Değiştiriciler Tür Açıklama
boundEvents_ protected browserEvents.Data[] Olay işleyicilerinin bağlantısını kaldırmak için gereken bilgileri içeren dizi. Bertaraf etmek için kullanılır. Ör: [[node, name, func], [node, name, func]].
içerik protected Map<string, IToolboxItem> Kimliği ilgili araç kutusu öğesiyle eşleyin.
contentsDiv_ protected HTMLDivElement | null Araç kutusu içeriğinin HTML kapsayıcısı.
height_ protected sayı Araç kutusunun yüksekliği.
HtmlDiv HTMLDivElement | null Araç kutusunun HTML kapsayıcısı.
id dize ComponentManager'a kaydolmak için kullanılan bu bileşenin benzersiz kimliği.
isVisible_ protected boolean Araç kutusunun görünür olup olmadığı.
previouslySelectedItem_ protected ISelectableToolboxItem | null Daha önce seçilen öğe.
RTL boolean
selectedItem_ protected ISelectableToolboxItem | null Şu anda seçili olan öğe.
toolboxDef_ protected toolbox.ToolboxInfo
toolboxPosition toolbox.Position
width_ protected sayı Araç kutusunun genişliği.
workspace_

protected

readonly

WorkspaceSvg Bu araç kutusunun bulunduğu çalışma alanı.

Yöntemler

Yöntem Değiştiriciler Açıklama
addToolboxItem_(toolboxItem) protected Araç kutusuna bir öğe ekler.
attachEvents_(container, contentsContainer) protected Araç kutusu kapsayıcı div öğesine etkinlik işleyicileri ekler.
autoHide(onlyClosePopups) Bileşeni gizler. WorkspaceSvg.hideChaff içinde çağrıldı.
canBeFocused() IFocusableNode.canBeFocused'a bakın.
clearSelection() Daha önce seçilen öğelerin seçimini kaldırır.
createContainer_() protected Araç kutusu için kapsayıcı div öğesini oluşturur.
createContentsContainer_() protected Araç kutusundaki tüm içerikler için kapsayıcı oluşturur.
createDom_(workspace) protected Araç kutusu için DOM'u oluşturur.
createFlyout_() protected Araç kutusu düzenine göre açılır menü oluşturur.
deselectItem_(item) protected Belirtilen öğenin seçimini kaldırır, öğeyi seçilmemiş olarak işaretler ve aria durumunu günceller.
dispose() Bu araç kutusunu atar.
getClientRect() Sürükleme hedef alanının sınırlayıcı dikdörtgenini, görüntü alanına göre piksel birimlerinde döndürür.
getFlyout() Araç kutusu açılır menüsünü alır.
getFocusableElement() IFocusableNode.getFocusableElement'e bakın.
getFocusableTree() IFocusableNode.getFocusableTree'ye bakın.
getHeight() Araç kutusunun yüksekliğini alır.
getNestedTrees() IFocusableTree.getNestedTrees'e bakın.
getPreviouslySelectedItem() Daha önce seçilen öğeyi alır.
getRestoredFocusableNode(previousNode) IFocusableTree.getRestoredFocusableNode'a bakın.
getRootFocusableNode() IFocusableTree.getRootFocusableNode sayfasına bakın.
getSelectedItem() Seçili öğeyi alır.
getToolboxItemById(id) Belirtilen kimliğe sahip araç kutusu öğesini alır.
getToolboxItems() Araç kutusundaki öğeleri alır.
getWidth() Araç kutusunun genişliğini alır.
getWorkspace() Araç kutusunun çalışma alanını alır.
init() Araç kutusunu başlatır.
isHorizontal() Araç kutusunun yatay olup olmadığını alır.
lookUpFocusableNode(id) IFocusableTree.lookUpFocusableNode bölümünü inceleyin.
onClick_(e) protected Araç kutusu veya araç kutusu öğeleri tıklandığında tıklama etkinliklerini işler.
onDragEnter(_dragElement) Blok veya balon içeren bir imleç bu sürükleme hedefine girdiğinde gerçekleşen işlemleri yönetir.
onDragExit(_dragElement) Blok veya balon içeren bir imleç bu sürükleme hedefinden çıktığında gerçekleşen işlemleri yönetir.
onDrop(_dragElement) Bir blok veya balon bu bileşene bırakıldığında gerçekleşen işlemleri yönetir. Should not handle delete here.
onKeyDown_(e) protected Araç kutusu için tuşa basma etkinliklerini işler.
onNodeBlur() IFocusableNode.onNodeBlur'a bakın.
onNodeFocus() IFocusableNode.onNodeFocus'a bakın.
onShortcut(_shortcut) Belirtilen klavye kısayolunu işler.
onTreeBlur(nextTree) IFocusableTree.onTreeBlur'a bakın.
onTreeFocus(node, _previousTree) IFocusableTree.onTreeFocus'a bakın.
position() Araç kutusunu, yatay bir araç kutusu olup olmadığına ve çalışma alanının sağdan sola dilinde olup olmadığına göre konumlandırır.
refreshSelection() Fareyle üzerine gelindiğinde açılan pencerenin içeriğini kapatmadan günceller. Değişkenler veya prosedürler gibi dinamik kategorilerden birinde yapılan değişikliğe yanıt olarak kullanılmalıdır.
renderContents_(toolboxDef) protected Tüm araç kutusu öğelerini araç kutusuna ekler.
selectItem_(oldItem, newItem) protected Belirtilen öğeyi seçer, seçili olarak işaretler ve aria durumunu günceller.
selectItemByPosition(position) Araç kutusu öğesini, araç kutusu öğeleri listesindeki konumuna göre seçer.
setSelectedItem(newItem) Belirtilen öğeyi seçili olarak ayarlar. Öğe seçilebilir değilse işlem yapılmaz.
setVisible(isVisible) Araç kutusunu gösterir veya gizler.
shouldDeselectItem_(oldItem, newItem) protected Eski öğenin seçiminin kaldırılıp kaldırılmayacağına karar verir.
shouldSelectItem_(oldItem, newItem) protected Yeni öğenin seçilip seçilmeyeceğine karar verir.
updateCursorDeleteStyle_(addStyle) protected Blok veya balon bırakıldığında silinip silinmeyeceğine bağlı olarak (dahili this.wouldDelete_ özelliği kullanılarak) imlecin araç kutusunun üzerindeki CSS stilini ekler veya kaldırır.
updateFlyout_(oldItem, newItem) protected Seçilen öğeye bağlı olarak, açılır menünün gizlenip gizlenmeyeceğine veya gösterilip gösterilmeyeceğine karar verir.
updateWouldDelete_(wouldDelete) protected Dahili wouldDelete_ durumunu günceller.
wouldDelete(element) Belirtilen blok veya balonun bu alana bırakılması durumunda silinip silinmeyeceğini döndürür. Bu yöntem, öğenin silinebilir olup olmadığını kontrol etmeli ve her zaman onDragEnter/onDragOver/onDragExit'ten önce çağrılmalıdır.