クラス IgxSplitterComponent

シンプルなレイアウトのフレームワークを提供し、ビューを水平または垂直に 複数の小さなサイズ変更可能および縮小可能な領域に分割します。

igxmodule

IgxSplitterModule

igxparent

Layouts

igxtheme

igx-splitter-theme

igxkeywords

splitter panes layout

igxgroup

presentation

例:
<igx-splitter>
<igx-splitter-pane>
...
</igx-splitter-pane>
<igx-splitter-pane>
...
</igx-splitter-pane>
</igx-splitter>

階層

  • IgxSplitterComponent

実装

  • AfterContentInit

Index

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

プロパティ

document: any
panes: QueryList<IgxSplitterPaneComponent>

分割ペインのリストを取得します。

例:
const panes = this.splitter.panes;
resizeEnd: EventEmitter<ISplitterBarResizeEventArgs> = ...

パネルのサイズ変更が終了したときに発生するイベント。

例:
<igx-splitter (resizeEnd)='resizeEnd($event)'>
<igx-splitter-pane>...</igx-splitter-pane>
</igx-splitter>
resizeStart: EventEmitter<ISplitterBarResizeEventArgs> = ...

パネルのサイズ変更が開始されるときに発生するイベント。

例:
<igx-splitter (resizeStart)='resizeStart($event)'>
<igx-splitter-pane>...</igx-splitter-pane>
</igx-splitter>
resizing: EventEmitter<ISplitterBarResizeEventArgs> = ...

パネルのサイズ変更が実行中のときに発生するイベント。

例:
<igx-splitter (resizing)='resizing($event)'>
<igx-splitter-pane>...</igx-splitter-pane>
</igx-splitter>

アクセサー

メソッド

  • onMoveEnd(delta: number): void