Ignite UI for Blazor が提供するタブコンポーネントは、バージョン 25.1 で、それまでとは使用方法が変更となりました。以下では従来バージョンで使用していたタブコンポーネントを、どのようにしてバージョ […]
Category: Ignite UI for Blazor
IgbInput – カスタムエラーメッセージを表示したい
IgbInput コンポーネントにおいて、バリデーションエラーに応じたカスタムメッセージを表示する方法をご紹介します。本記事では、入力の文字数やパターンに基づいて、カスタムしたメッセージを表示する方法を解説します。 Ig […]
IgbDataChart – 基準線を引く
製品の検品結果を評価したり在庫管理をしたりする場面でチャートに H(IGH)、M(IDIUM)、L(OW) などの基準線を追加したい場合があると思います。 そのような場合は IgbValueOverlay コンポーネント […]
IgbGrid – プログラムによってフィルターを設定する
IgbGrid では、バージョン24.2.122より FilteringExpressionsTree プロパティを通してC#コードによってフィルタリングを設定することができるようになりました。 以下は「TestName […]
IgbGrid の選択行データを取得する (24.2以降)
IgbGrid は GetCurrentSelectedRowsAsync() メソッドによって現在選択されている行のプライマリーキーの配列を取得することができます。キー情報をもとにデータソースを検索し、行データのコレク […]
IgbGrid – 特定のタイプのみ集計したい (※v.24.2.92 以降)
本記事で紹介する DisabledSummaries プロパティは、Ignite UI for Blazor の NuGet パッケージバージョン 24.2.92 以降でご利用いただけます。これより前のバージョンでは動作 […]
IgbFinancialChart – Y 軸の数値を k や M などの省略表記ではなく元の数値で表示する方法
IgbFinancialChart の Y軸に表示される数値は、k や M で省略表記されるのが既定値です (下の図参照)。 これを 4000 のように元の数値表記で表示させたい場合は、IgbFinancialChar […]
IgbGrid – 行セレクターを非表示にしたい
IgbGrid において、RowSelection プロパティを設定すると、行選択が有効になり、デフォルトで行セレクター(チェックボックス)が表示されます。本記事では、この行セレクターを非表示にする設定方法について解説し […]
Blazor で for ループで動的にコンポーネントを生成しようとしたら ArgumentOutOfRangeException 例外が発生してしまった場合の対処方法
「ループで動的に要素を生成しようとしたら ArgumentOutOfRangeException エラーが発生してしまいました。どうしたらよいでしょうか?」といったお問い合わせを時々受けますので、その事象と原因、対処方法 […]
IgbTextarea – 高さを親要素に合わせる
IgbTextarea の高さを親要素に合わせる方法について解説します。 CSS による実装例 実行結果 サンプルプログラムのダウンロード GitHub リポジトリはこちら 関連ドキュメント