igxTooltip を使ってある条件下でのみツールチップを表示する方法をご紹介します。 今回は、Gridには表示していないデータ(Message項目)を利用して、項目に値が設定されている場合のみツールチップを表示する仕 […]
Category: Ignite UI for Angular
IgxGrid – セル選択時のボーダーを消す
IgxGrid ではセルの選択方法について、3つの設定をご用意しています。 Angular セル選択の例 その中でセル選択を無効([cellSelection]=”‘none’”)にす […]
IgxCalendar で特定の範囲日のみ選択可能にする方法
Ignite UI for Angular 13.1.9 バージョン時点での情報に基づいています。 IgxCalendar では、disabledDates オプションを利用することで、特定の日を選択不可にすることができ […]
IgxGrid – デフォルトのツールチップを非表示にする
igxGrid ではバージョン10.1.0より、デフォルトのテンプレートを使用するセル(集計セルを含む)に自動的にツールチップが表示されるようになりました。 このデフォルトのツールチップを非表示にするプロパティが現在は未 […]
IgxGrid で全ページの全行を選択する方法
Ignite UI for Angular 13.1.7 バージョン時点での情報に基づいています。 Ignite UI for Angular で提供している IgxGrid において、全ページの全レコードをチェック(選 […]
IgxGrid テンプレート機能を利用し、エディタを常に表示する
IgxGrid のテンプレート機能を利用し、常にエディタを表示してみます。テンプレート機能は、次の様に igx-column 配下に、ng-template を配置し、igxCell ディレクティブを付与します。そしてそ […]
Ignite UI for jQuery の igCombo を Angular アプリケーションで利用する
Ignite UI for jQuery 製品で提供されているコンポーネントを Angular アプリケーション内で利用することができます。 Ignite UI for jQuery 製品を Angular アプリケーシ […]
igxTree ノードと routerLink を組み合わせてリンクを設定する
Ignite UI for Angular 13.0.7 バージョン時点での情報に基づいています。 igxTree のノードに、routerLink を組み合わせてリンクを設定する方法です。 データ igxTree コン […]
[igniteui-angular 12.0.0 新機能] IgxDatePickerのonDisabledDateイベントは廃止されました
igxDatePickerではバージョン12.0.0にてonDisabledDateイベントが廃止されました。代わりに、ユーザーによる無効な日付の入力はvalueChangeイベントで取得する方法があります。
[igniteui-angular 12.0.0 新機能] IgxDatePicker: formatOptionsとformatプロパティはinputFormatプロパティに統合されました
igxDatePickerではバージョン12.0.0よりformatOptionsとformatプロパティがinputFormatプロパティに統合されました。inputFormatプロパティはdropdownモードの i […]