Ignite UI for Angular

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

クラス 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

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

document

document: any

panes

panes: QueryList<IgxSplitterPaneComponent>

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

@例:
const panes = this.splitter.panes;

resizeEnd

resizeEnd: EventEmitter<ISplitterBarResizeEventArgs> = ...

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

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

resizeStart

resizeStart: EventEmitter<ISplitterBarResizeEventArgs> = ...

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

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

resizing

resizing: EventEmitter<ISplitterBarResizeEventArgs> = ...

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

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

アクセサー

type

メソッド

onMoveEnd

  • onMoveEnd(delta: number): void