Ignite UI for Angular

IgxGrid 集計行の表示・非表示を動的に切り替えたい

Ignite UI for Angular 11.1.10 バージョン時点での情報に基づいています。 IgxGridの集計行の表示・非表示を動的に切り替えたい場合は、各列（IgxColumnComponent）のhasS […]

Ignite UI for Angular 11.1.4 バージョン時点での情報に基づいています。 IgxCalendar では、デフォルトの状態として日曜日が開始曜日となっていますが、weekStart プロパティを利 […]

Ignite UI for Angular 11.2.12バージョン時点での情報に基づいています。 igxGrid は、列を非表示機能を提供しています。また、非表示にした列は、ツールバーから再表示することができますが、 […]

Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。 IgxInput では、数値入力時の範囲制限を行う機能はご用意がございません。値変更時に発生するイベントをハンドルし、範囲 […]

Ignite UI for Angular 11.1.4バージョン時点での情報に基づいています。 igxMask ディレクティブを利用することで、入力コントロールに対して入力できる桁数の制限をかけることができます。文字 […]

IgxGridのIgxGridToolbarの表示・非表示を動的に切り替えるには、Angularの*ngIfなどの仕組みを使って表示を切り替えたあと、IgxGridのreflowメソッドとmarkForCheckメソッド […]

IgxGridのIgxGridToolbarの高さを狭めたい場合は、 IgxGridToolbarのdisplayDensityを”compact”などにする。もしくは CSSでheightを直 […]

数値軸の表示ラベルを3桁ごとのカンマ区切りで表示するには、軸のformatLabelにfunctionを指定してください。そのfunctionに渡されてくる第1引数には軸に表示されるラベル（※数値軸の場合は、number […]

IgxGridで選択されている行のデータを取得するには、 IgxGridComponentのselectedRowsで選択行のIDの配列を取得する。 1で取得した配列の各要素に対して、IgxGridComponentのg […]

この KB は製品バージョン 11.1.4 をベースにしています。 IgxRadio の選択項目を TypeScript 側で設定するサンプルです。IgxRadio の ngModel に選択したい値をバインドします。