クラス IgxSplitterPaneComponent

個々のサイズ変更可能/縮小可能なペインを表します。

@igxmodule

IgxSplitterModule

@igxparent

IgxSplitterComponent

@igxkeywords

pane

@igxgroup

presentation

@備考:

ユーザーは、最小サイズ プロパティと最大サイズ プロパティを使用して、サイズ変更の動作を制御できます。

階層

  • IgxSplitterPaneComponent

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

maxSize

maxSize: string

現在のペインの最大サイズを取得または設定します。

@例:
<igx-splitter>
 <igx-splitter-pane [maxSize]='maxSize'>...</igx-splitter-pane>
</igx-splitter>

minSize

minSize: string

現在のペインの最小サイズを取得または設定します。

@例:
<igx-splitter>
 <igx-splitter-pane [minSize]='minSize'>...</igx-splitter-pane>
</igx-splitter>

onToggle

onToggle: EventEmitter<IgxSplitterPaneComponent> = new EventEmitter<IgxSplitterPaneComponent>()

ペインの縮小された状態が変更されたときに発生するイベント。

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

resizable

resizable: boolean = true

ペインがサイズ変更可能かどうかを取得または設定します。

@例:
<igx-splitter>
 <igx-splitter-pane [resizable]='false'>...</igx-splitter-pane>
</igx-splitter>
@備考:

ペインのサイズを変更できない場合、関連するスプリッター バーをドラッグできません。

アクセサー

collapsed

  • get collapsed(): boolean
  • set collapsed(value: boolean): void

size

  • get size(): string
  • set size(value: string): void

メソッド

toggle

  • toggle(): void