Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。

igxSplitterのリサイズ関連イベント(resizeStart/resizing/resizeEnd) が追加されました。

リサイズの開始時に resizeStart イベント

リサイズ中は resizing イベント

リサイズ完了時には resizeEnd イベント

が、それぞれ動作します。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<igx-splitter style='height: 100vh;' [style.width]='"100%"'
(resizeStart)='resizeStart($event)'
(resizing)='resizing($event)'
(resizeEnd)='resizeEnd($event)'
>
...
</igx-splitter>
<igx-splitter style='height: 100vh;' [style.width]='"100%"' (resizeStart)='resizeStart($event)' (resizing)='resizing($event)' (resizeEnd)='resizeEnd($event)' > ... </igx-splitter>
<igx-splitter style='height: 100vh;' [style.width]='"100%"'
  (resizeStart)='resizeStart($event)'
  (resizing)='resizing($event)'
  (resizeEnd)='resizeEnd($event)'
  >
  ...
</igx-splitter>

Tagged:

製品について

Ignite UI for Angular