インターフェース: DockTab
定義: interfaces/GraphUI.ts:1365
下部ドックのペイン - タブ ストリップに 1 つのエントリ。
ドックは region を所有します: グリッド行、その高さ、サイズ変更の区切り線、および 折ります。タブは、in の内容、つまり本文、およびオプションで独自のヘッダー コントロールを所有します。 アクティブなタブが変わるとドックが切り替わります。タブが 1 つだけの場合 ストリップがまったく描画されていないことが登録されています。切り替えるものは何もありません。
グラフの存続期間中の任意の時点で graph.UIManager.addDockTab() を使用して登録します。 または、プラグインの install から ctx.addDockTab() を介して。どちらもディスポーザーを返します。
1 つのタブは 1 つのペインであり、1 つのビューの 1 つではありません。 独自の複数のビューを持つペイン — データ テーブルの Nodes と Edges — 独自の描画を行う single ドック タブです toolbar に切り替えて、DockTabHandle.refresh を呼び出して本体を変更します。それで ドックのストリップはペイン (Table、Events) をリストし、1 つのペインのビューをフラット化することはありません 別のペインと並べて表示します。 2 つのレベルは同じ理由で異なって描画されます。
データテーブル自体がそのようなタブであるため、登録されたタブはまったく同じです 組み込みのものとして特権を与えられます。
例
const dispose = graph.UIManager.addDockTab({
label: 'Audit',
render: () => myAuditPane(),
toolbar: () => [clearButton],
})延長により
プロパティ
icon?
optionalicon:string
定義: interfaces/GraphUI.ts:1382
ストリップ内のラベルの前に描画されるグリフ。ペインがどこから来たのかを示します。
SVG 文字列、innerHTML および ** サニタイズされていない** — である必要があります。 信頼できる、PivotDefinition.icon とまったく同じです。複数のタブがある場合に便利です 同じ 種類 ペイン: 4 つの候補レビューと 1 つのリストとして読み取られるデータ テーブル それ以外の場合は 5 つです。
id?
optionalid:string
定義: interfaces/GraphUI.ts:1371
安定したアイデンティティ: removeDockTab / activateDockTab がとるもの、そして ストリップのボタンにdata-tabと書かれています。
デフォルト
自動生成された pvt-dock-tab-N
label
label:
string
定義: interfaces/GraphUI.ts:1373
ストリップのラベルはそのまま使用されます (翻訳できるように)。
onActivate()?
optionalonActivate: (tab) =>void
定義: interfaces/GraphUI.ts:1412
このタブが前面に来るとき、およびタブが前面から離れるときに呼び出されます。監視するタブ ライブデータは onDeactivate で動作を停止し、onActivate で追いつくはずです。 他に画面外にあることを示すものは何もありません。
パラメータ
tab
返品
void
onDeactivate()?
optionalonDeactivate: (tab) =>void
定義: interfaces/GraphUI.ts:1413
パラメータ
tab
返品
void
order?
optionalorder:number
定義: interfaces/GraphUI.ts:1406
ストリップ内の表示順序は昇順です。等しい順序は登録順序を維持します — プラグインは UI の構築後にインストールされるため、プラグインのタブは UI の構築後に配置されます。 そう言うまでもなく内蔵のもの。
デフォルト
0render()
render: (
tab) =>HTMLElement
定義: interfaces/GraphUI.ts:1388
ペインの本体を構築します。初めてタブが表示されたときに、once が遅延して呼び出されます。 前面 — 誰も開かないタブには費用はかかりません。要素は保持され、再接続されます その後のアクティベーションでも、独自の状態 (スクロール位置を含む) を保持します。
パラメータ
tab
返品
HTMLElement
toolbar()?
optionaltoolbar: (tab) =>HTMLElement|HTMLElement[]
定義: interfaces/GraphUI.ts:1399
このタブのヘッダー コントロールを作成し、ドックのヘッダー行の一部としてレイアウトします。 **** のアクティベーションで再呼び出されるため、コントロールはタブの内容を反映できます。 現在の状態。
独自の複数のビューを持つペインがここにスイッチを描画します。 2つの公開クラス 内蔵テーブルと同じ外観を与えます — ストリップ上の pvt-dock-views 各ボタンに pvt-dock-view、現在のボタンに active — 錠剤のままです ドック独自のタブの横にグループがあり、テーマに従います。
パラメータ
tab
返品
HTMLElement | HTMLElement[]