Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

クラス IgxSplitterPaneComponent

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

@igxmodule

IgxSplitterModule

@igxparent

IgxSplitterComponent

@igxkeywords

pane

@igxgroup

presentation

@備考:

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

階層

  • IgxSplitterPaneComponent

Index

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

collapsedChange

collapsedChange: EventEmitter<boolean> = ...

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

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

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>

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