Ignite UI for Angular 10.2.7 バージョン時点での情報に基づいています。 IgxGrid、IgxTreeGrid、IgxHierarchicalGrid から onCellEditCancel […]
Articles Tagged: IgxGrid
[Ignite UI for Angular 10.2 新機能] igxGrid(IgxTreeGrid,IgxHierarchicalGrid)に新規追加用の行を表示する
igxGridではバージョン10.2.0にて新規追加用の行を表示するメソッドbeginAddRow()がIgxGridRowComponentに追加されました。引数に指定した行インデックスの下に新規行を表示します。 以下 […]
[Ignite UI for Angular 10.2 新機能] igxGrid(IgxTreeGrid,IgxHierarchicalGrid)のカスタム集計で表示形式をカスタマイズする
igxGridではバージョン10.2.0にてIgxNumberSummaryOperandおよびIgxDateSummaryOperandのoperate()メソッドに新たな引数としてlocaleとpipeArgsが加わ […]
[Ignite UI for Angular 10.2 新機能] IgxGrid asMenuItems インプットによる行のピン止めと編集機能の呼び出し
Ignite UI for Angular 10.2.5 バージョン時点での情報に基づいています。 IgxGrid の igx-grid-pinning-actions と igx-grid-editing-action […]
[Ignite UI for Angular 10.2 新機能] igxGrid(IgxTreeGrid,IgxHierarchicalGrid)の特定行のデータを取得する
igxGrid(IgxTreeGrid,IgxHierarchicalGrid)ではバージョン10.2.0にてgetRowData()メソッドが実装されました。プライマリーキー等を指定して行のデータを取得することができま […]
IgxGrid で行の高さを指定する
rowHeight プロパティを利用すると行の高さを任意に指定することが出来ます。 [rowHeight]=”25″ とした場合 [rowHeight]=”80″ とした場 […]
IgxGrid 列に独自のソートルールを実装する
IgxGrid では、列の sortStrategy インプットに ISortingStrategy を実装するクラスを指定することで、独自のソートルールを適用することができます。 下記例では、IgxGrid 2列目(R […]
[Ignite UI for Angular 10.1 新機能] IgxColumnActions を用いた列固定と列非表示
Ignite UI for Angular 10.2.3 バージョン時点での情報に基づいています。 IgxColumnActions が導入され、列の固定や列の非表示をグリッド外の UI からも操作しやすくなりました。 […]
[Ignite UI for Angular 10.2 新機能] IgxGrid の cellEditExit を利用してセル編集未確定時に通知を行う
Ignite UI for Angular 10.2.2 バージョン時点での情報に基づいています。 セル編集を終了した際に発行されるイベントには、cellEditDone と cellEditExit イベントがあります […]
[Ignite UI for Angular 10.2 新機能] IgxGrid の rowEditExit を利用して行編集がキャンセルされた際に通知する
Ignite UI for Angular 10.2.2 バージョン時点での情報に基づいています。 行編集モードを終了した際に発行されるイベントには、rowEditDone と rowEditExit イベントがあります […]