IgxGeographicMap のマップ上をホバーした際のマウスの位置は plotAreaMouseOver イベントにて取得することができます。イベント引数から現在マウスカーソルのあるプロットエリア上の X および […]
Category: Ignite UI for Angular
IgxDataChart – プロットエリアの背景色を部分的に変更する
IgxDataChart ではデータ注釈レイヤーを使用してチャートのプロットエリア(背景)に線や矩形などを追加することができます。この機能を使用し、プロットエリアの背景色を部分的に変更することが可能です。 このような折れ […]
IgxDataChart – 値によって縦棒チャートの柱の色を変更する
縦棒チャートの柱の色は IgxColumnSeriesComponent の brush プロパティによってシリーズ事に指定することができますが、同一のシリーズ内で柱ごとに色を指定する場合は assigningCateg […]
IgxGrid – 行削除をキャンセルしたい
この記事では、行削除の確認ダイアログを表示し、ユーザーが「キャンセル」を選んだ場合には削除処理を中止する方法を紹介します。 IgxGrid の設定 rowDeleteイベントを利用すると、削除直前に処理を挟むことができま […]
IgxGrid – エクスポートファイル名を指定したい
この記事では、エクスポートの開始時にファイル名をユーザー入力で設定する方法を紹介します。 IgxGrid の設定 IgxGridToolbarExporterComponent のexportStartedイベントをバイ […]
Ignite UI for Angular – トライアルからライセンス版への移行方法
Ignite UI for Angular 製品のトライアル版を使用して作成したアプリケーションをライセンス版にアップデートする方法についてご案内します。 まず、以下のページの手順に従い、ライセンス版の npm パッケー […]
IgxGrid – 任意の列の移動を制限したい
IgxGrid では、列のドラッグ&ドロップによる移動が可能ですが、特定の列は移動できないように制御したいケースもあります。この記事では、「Name」列を固定し、それ以外の列のみ移動を許可する実装方法を紹介します。 Ig […]
igxGridの行のマウスホバーでセルにボタンを表示する
igxGridのセルテンプレート機能を使用してセルにボタンを配置し、cssによって表示を行のホバー時に限定することができます。 以下の例では「col3」列にテンプレートを設定し、ボタンを配置しています。 cssを以下のよ […]
DockManager – アンピンタブヘッダー領域の表示・非表示を切り替える
igc-dockmanagerにはペインをピン解除した際にタブヘッダーが表示されるdiv領域が左右にあります。 これらの領域の要素に対してcssクラス「unpinned-tab-area–hidden」を追加 […]
IgxGrid – セルのフォーマットを変更したい
IgxGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、formatterを使用して、数値データに単位を付加する方法を解説します。 IgxGrid の設定 IgxGrid のf […]