シンプルなレイアウトのフレームワークを提供し、ビューを水平または垂直に 複数の小さなサイズ変更可能および縮小可能な領域に分割します。
IgxSplitterModule
レイアウト
igx-splitter-theme
splitter panes layout
プレゼンテーション
<igx-splitter> <igx-splitter-pane> ... </igx-splitter-pane> <igx-splitter-pane> ... </igx-splitter-pane></igx-splitter> Copy
<igx-splitter> <igx-splitter-pane> ... </igx-splitter-pane> <igx-splitter-pane> ... </igx-splitter-pane></igx-splitter>
スプリッター バーのハンドルとエクスパンダーの表示/非表示を設定します。 デフォルトでは False です。
<igx-splitter [nonCollapsible]='true'></igx-splitter> Copy
<igx-splitter [nonCollapsible]='true'></igx-splitter>
分割ペインのリストを取得します。
const panes = this.splitter.panes; Copy
const panes = this.splitter.panes;
パネルのサイズ変更が終了したときに発生するイベントです。
<igx-splitter (resizeEnd)='resizeEnd($event)'> <igx-splitter-pane>...</igx-splitter-pane></igx-splitter> Copy
<igx-splitter (resizeEnd)='resizeEnd($event)'> <igx-splitter-pane>...</igx-splitter-pane></igx-splitter>
パネルのサイズ変更が開始されるときに発生するイベントです。
<igx-splitter (resizeStart)='resizeStart($event)'> <igx-splitter-pane>...</igx-splitter-pane></igx-splitter> Copy
<igx-splitter (resizeStart)='resizeStart($event)'> <igx-splitter-pane>...</igx-splitter-pane></igx-splitter>
パネルのサイズ変更が実行中のときに発生するイベントです。
<igx-splitter (resizing)='resizing($event)'> <igx-splitter-pane>...</igx-splitter-pane></igx-splitter> Copy
<igx-splitter (resizing)='resizing($event)'> <igx-splitter-pane>...</igx-splitter-pane></igx-splitter>
スプリッターの方向を取得または設定します。
<igx-splitter [type]="type">...</igx-splitter> Copy
<igx-splitter [type]="type">...</igx-splitter>
シンプルなレイアウトのフレームワークを提供し、ビューを水平または垂直に 複数の小さなサイズ変更可能および縮小可能な領域に分割します。
Igx Module
IgxSplitterModule
Igx Parent
レイアウト
Igx Theme
igx-splitter-theme
Igx Keywords
splitter panes layout
Igx Group
プレゼンテーション
例