Class IgxSplitterComponent

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

Igx Module

IgxSplitterModule

Igx Parent

レイアウト

Igx Theme

igx-splitter-theme

Igx Keywords

splitter panes layout

Igx Group

プレゼンテーション

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

実装

  • AfterContentInit

コンストラクター

プロパティ

アクセサー

メソッド

コンストラクター

プロパティ

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>

アクセサー

メソッド