IgbDataChartでは、TooltipTemplateを使用してツールチップの表示内容をカスタマイズできます。本記事では、折れ線チャートの既定のツールチップを無効化し、データ項目の値に単位を付けて表示するツールチッ […]
Category: Ignite UI for Blazor
IgbGrid – 列ヘッダーのクリックで並び替えを実行する
IgbGrid のデフォルト動作では、列ヘッダー上に表示されるソートアイコンをクリックしたときに並び替えが実行されます。JavaScript を使用して列ヘッダー全体のクリックイベントを検出し、プログラムからソートアイコ […]
IgbGrid – CellClasses を使ってセルに CSS クラスを適用する方法
IgbColumn の CellClasses に、LocalJson.From() でラップした JSON 文字列を渡すことで、セルに CSS クラスを一括適用できます。 LocalJson.From() とはLoca […]
IgbCombo の検索入力のプレースホルダーを日本語化する
IgbCombo の検索入力のプレースホルダーは規定値で「 Enter a Search Term 」のように英語表記となっています。 このテキストは、 IgbComboのPlaceholderSearch プロパティよ […]
IgbGrid – コードビハインドですべての行の選択を一括解除したい
IgbGrid を使用して、コードビハインドですべての行の選択を一括解除する方法について解説します。 IgbGrid の設定 まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを使って […]
IgbGrid – コードビハインドですべての行を一括選択したい
IgbGrid を使用して、コードビハインドですべての行を一括選択する方法について解説します。 IgbGrid の設定 まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを使って、Ig […]
IgbCombo – クリアボタンを非表示にする(プロパティを使う方法)
IgbCombo コンポーネントには、選択した項目をまとめてクリアするためのクリアボタンが既定で表示されます。 この記事では、DisableClearプロパティを使用してクリアボタンを非表示にする方法を解説します Igb […]
Blazor – BL0005 警告が表示される場合の対処方法
Ignite UI for Blazor 製品のコンポーネントを使用して開発を行う際、Visual Studio で以下の警告が表示される場合があります。 BL0005: Component parameter R […]
IgbTree – Label の文字列を改行させる方法
IgbTree では、各ノード (IgbTreeItem) のラベル表示に対して、独自の HTML 要素と CSS を用いて柔軟なスタイル設定が可能です。この記事では slot=”label” を使用してラベル領域に & […]
IgbDataChart – 棒チャートをマウスホイールでスクロールする
IgbDataChart ではズーム機能( IsVerticalZoomEnabled / IsHorizontalZoomEnabled )が有効に設定されるとマウスホイールの操作によってチャートのズームが行われます。 […]