IgbGrid には行や列を選択してコピーする機能は ClipboardOptions により標準で用意されていますが、Excel などからコピーしたデータをグリッドへ貼り付ける機能は標準では実装されていません。本記事で […]
Category: Ignite UI for Blazor
IgbPivotGrid – 集計値に中央値(メディアン)を表示したい
IgbPivotGrid の集計値には SUM・AVG・MIN・MAX・COUNT の組み込み集計関数が用意されていますが、これらにない集計(例: 中央値)を表示したい場合は、IgbPivotAggregator の A […]
IgbDataChart – 積層シリーズでツールチップから値がnullの項目を除外したい
IgbDataChart の積層グラフ(IgbStackedColumnSeries)で、マウスホバーしたデータ項目の値が null(または 0)である系列をツールチップの表示対象から動的に除外する方法を、IgbData […]
IgbGrid – ヘッダーのテキストを中央配置にしたい
IgbGrid のヘッダーテキストを中央揃えにするには、IgbColumn の HeaderClasses プロパティにカスタム CSS クラスを指定し、そのクラスで text-align: center を設定します。 […]
IgbDockManager – アクティブなペインが切り替わったことを検知するには
IgbDockManager をユーザー操作によってアクティブなペイン(フォーカスされているペイン)が切り替わったタイミングの検知、そのペインの情報を取得したい場合があります。このトピックでは、ActivePaneCha […]
IgbDockManager – ペインを閉じる際に確認ダイアログを表示するには
IgbDockManager でペインの閉じるボタンが押された際に確認ダイアログを表示し、ユーザーがキャンセルした場合は閉じる動作を中止したい場合があります。これは PaneCloseScript プロパティに、閉じる操 […]
IgbDataChart – 折れ線グラフのマーカーサイズを変更したい
Ignite UI for Blazor の IgbDataChart で折れ線グラフ(ライン シリーズ)を表示した際に、データ ポイントに表示されるマーカーのサイズを変更したい場合は、IgbLineSeries の M […]
IgbTabs – 選択しているタブのラベルを取得したい
IgbTabsを使用して、現在選択されているタブのラベルをコードビハインドで取得する方法について解説します。ここでは、Changeイベントを利用して、タブが切り替わったタイミングでラベルを取得する方法を紹介します。 Ig […]
IgbDataChart – ツールチップをカスタマイズしたい
IgbDataChartでは、TooltipTemplateを使用してツールチップの表示内容をカスタマイズできます。本記事では、折れ線チャートの既定のツールチップを無効化し、データ項目の値に単位を付けて表示するツールチッ […]
IgbGrid – 列ヘッダーのクリックで並び替えを実行する
IgbGrid のデフォルト動作では、列ヘッダー上に表示されるソートアイコンをクリックしたときに並び替えが実行されます。JavaScript を使用して列ヘッダー全体のクリックイベントを検出し、プログラムからソートアイコ […]