Ignite UI for Angular

IgxCategoryChart – 縦棒のクリックでドリルダウン表示したい

Category Chart で縦棒（シリーズ）をクリックしたときに、その項目の内訳データへ切り替えてドリルダウン表示するには、seriesClick イベントを処理し、イベント引数の item から取得したクリック項目 […]

Fullscreen API で要素を全画面表示にすると、igx-dialog や igx-select のドロップダウンが表示されなくなります。全画面にする要素の中に igxOverlayOutlet を置き、オーバー […]

igx-grid のグリッド領域に対してマウスを上下左右の端まで近づけると、その方向へ自動的にスクロールできるようにする方法を紹介します。この動作は、水平方向のスクロールを担うheaderContainerと垂直方向のス […]

igx-grid で列をグループ化する際、同じ値でも行データの他の項目によってグループを分けたい場合は、groupingComparer と sortStrategy を組み合わせてグループ化ロジックをカスタマイズします […]

Ignite UI for Angular の igxMask ディレクティブには、日本語（全角）文字の入力を無効にするマスク文字は用意されていません。本記事では、document.body に登録したキャプチャフェーズ […]

本記事では、Ignite UI for Angular の IgxGridComponent でデータ取得中に画面をブロックするモーダルのローディングインジケーターを表示する方法を説明します。中心となる API は Ig […]

Ignite UI for Angular には専用のガントチャートコンポーネントはありませんが、IgxDataChart の IgxRangeBarSeries を利用することで、タスクの開始日・終了日を横棒で表現し […]

IgxGrid の Excel スタイルフィルターメニューの項目にはデータの値がテキストで表示されます。そのため、DataType = Boolean の列では項目名が「 True 」と「 False 」で表示されます。 […]

IgxGrid では dataType=”number” の列ヘッダー ( .igx-grid-th–number ) に対し、他のデータ型とは異なるスタイルが適用されるため、デフォル […]

概要 Ignite UI for Angular の IgxGrid では、Excel Style Filter メニューの表示内容をテンプレート機能で細かくカスタマイズできます。 Excel Style Filter […]