ブロックする >ツールボックス

ツールボックス クラス

ツールボックスのクラス。ツールボックスの DOM を作成します。

署名:

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

拡張: DeleteArea

実装: IAutoHideableIKeyboardAccessibleIStyleableIToolbox

コンストラクタ

コンストラクタ 修飾子 説明
(コンストラクタ)(ワークスペース) Toolbox クラスの新しいインスタンスを作成します。

プロパティ

プロパティ 修飾子 タイプ 説明
boundEvents_ protected browserEvents.Data[] イベント ハンドラのバインド解除に必要な情報を含む配列。廃棄に使用されます。例: [[node, name, func], [node, name, func]]。
contentMap_ protected { [key: string]: IToolboxItem;}
contents_ protected IToolboxItem[] ツールボックス内のアイテムのリスト。
contentsDiv_ protected HTMLDivElement |null ツールボックスのコンテンツの HTML コンテナ。
height_ protected 数値 ツールボックスの高さ。
HtmlDiv HTMLDivElement |null ツールボックスの HTML コンテナ。
id 文字列 ComponentManager への登録に使用される、このコンポーネントの一意の ID。
isVisible_ protected ブール値 ツールボックスを表示するかどうかを指定します。
previouslySelectedItem_ protected ISelectableToolboxItem |null 以前に選択された項目。
RTL ブール値
selectedItem_ protected ISelectableToolboxItem |null 現在選択されているアイテム。
toolboxDef_ protected toolbox.ToolboxInfo
toolboxPosition toolbox.Position
width_ protected 数値 ツールボックスの幅。
workspace_

protected

readonly

WorkspaceSvg このツールボックスが表示されているワークスペースです。

メソッド

メソッド 修飾子 説明
addToolboxItem_(toolboxItem) protected ツールボックスに項目を追加します。
attachEvents_(container, contentContainer) protected ツールボックス コンテナ div にイベント リスナーを追加します。
autoHide(onlyClosePopups) コンポーネントを非表示にします。WorkspaceSvg.hideChaff で呼び出されます。
clearSelection() 選択済みの項目のハイライト表示を解除します。
createContainer_() protected ツールボックスのコンテナ div を作成します。
createContentsContainer_() protected ツールボックス内のすべてのコンテンツのコンテナを作成します。
createDom_(workspace) protected ツールボックスの DOM を作成します。
createFlyout_() protected ツールボックス レイアウトに基づいてフライアウトを作成します。
deselectItem_(item) protected 指定したアイテムの選択を解除し、未選択にして、Aria の状態を更新します。
dispose() このツールボックスを破棄します。
getClientRect() ドラッグ ターゲット領域の境界長方形を、ビューポートに対するピクセル単位で返します。
getFlyout() ツールボックス フライアウトを取得します。
getHeight() ツールボックスの高さを取得します。
getPreviouslySelectedItem() 以前に選択されたアイテムを取得します。
getSelectedItem() 選択したアイテムを取得します。
getToolboxItemById(id) 指定された ID のツールボックス アイテムを取得します。
getToolboxItems() ツールボックス内のアイテムを取得します。
getWidth() ツールボックスの幅を取得します。
getWorkspace() ツールボックスのワークスペースを取得します。
init() ツールボックスを初期化する
isHorizontal() ツールボックスが水平かどうかを取得します。
onClick_(e) protected ツールボックスまたはツールボックスのアイテムがクリックされたときのクリック イベントを処理します。
onDragEnter(_dragElement) ブロックまたはバブル付きのカーソルがこのドラッグ ターゲットに入るときを処理します。
onDragExit(_dragElement) ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットから出たときに処理します。
onDrop(_dragElement) このコンポーネント上でブロックまたはバブルがドロップされたときを処理します。ここでは削除を処理しません。
onKeyDown_(e) protected ツールボックスのキーダウン イベントを処理します。
onShortcut(_shortcut) 指定されたキーボード ショートカットを処理します。
position() 水平ツールボックスであるかどうかと、ワークスペースが RTL にあるかどうかに基づいて、ツールボックスを配置します。
refreshSelection() フライアウトを閉じずに、フライアウトのコンテンツを更新します。変数やプロシージャなど、動的カテゴリのいずれかの変更に対応して使用する必要があります。
renderContents_(toolboxDef) protected ツールボックスのすべてのアイテムをツールボックスに追加します。
selectItem_(oldItem, newItem) protected 指定したアイテムを選択して選択済みのマークを付け、ARIA の状態を更新します。
selectItemByPosition(position) ツールボックス アイテムのリスト内での位置に基づいて、ツールボックス アイテムを選択します。
setSelectedItem(newItem) 指定した項目を選択済みとして設定します。アイテムが選択できない場合は何も行いません。
setVisible(isVisible) ツールボックスを表示または非表示にします。
shouldDeselectItem_(oldItem, newItem) protected 古いアイテムの選択を解除するかどうかを決定します。
shouldSelectItem_(oldItem, newItem) protected 新しい項目を選択するかどうかを決定します。
updateCursorDeleteStyle_(addStyle) protected ツールボックス上のカーソルのブロックやバブルがドロップされた場合に削除される可能性があるかどうかに基づいて、ツールボックスの CSS スタイルを追加または削除します(内部の this.wouldDelete_ プロパティを使用)。
updateFlyout_(oldItem, newItem) protected 選択したアイテムに応じて、フライアウトを表示するか非表示にするかを決定します。
updateWouldDelete_(wouldDelete) protected 内部の wouldDelete_ 状態を更新します。
wouldDelete(element) 指定したブロックまたはバブルがこの領域にドロップされた場合に削除されるかどうかを返します。このメソッドは、要素が削除可能で、常に onDragEnter/onDragOver/onDragExit の前に呼び出されるかどうかを確認する必要があります。