Ignite UI for Blazor

IgbTextareaの高さを指定する

IgbTextarea の初期表示時の高さは Row プロパティに設定された行数分となります。ピクセル単位で指定する場合は、以下のようにcssパーツを設定できます。 KB15584-IgbTextAreaHeight ダ […]

IgbGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、FormatterScript を使用して、数値データに単位を付加する方法を解説します。 IgbGrid の設定 Igb […]

IgbGrid を使用してグリッドを作成する際に、Excel スタイルのフィルターメニューがありますが、プロジェクトによっては特定の機能を非表示にしたい場合があります。下図は通常のExcel スタイルフィルターメニューの […]

IgbGrid を使用してグリッドを作成する際、セル内のテキストを右寄せにする方法を紹介します。以下の図は、「氏名列」と「職種列」に DataType=”GridColumnDataType.String&# […]

Visual Studio および Ignite UI for Blazor を使用して Blazor Web App アプリケーションを作成する手順を説明します。この記事では、使用する Interactive rend […]

IgbGridの日付タイプのセルで表示されるポップアップカレンダーはデフォルトで英語表記となっています。カレンダーを日本語で表示するには、JavaScript を使用して日本語情報を持つ “ja&#8221 […]

IgbGrid で行選択機能を使用する際、デフォルトでは行またはセルをクリックすると行選択状態となります。本記事では行をクリックしても行選択状態とならず、チェックボックスの使用のみ行選択する方法について解説します。 Se […]

IgbGridToolbarExporter の ExportStartedScript に指定した javascript ファンクションを使用し、引数よりファイル名にエクスポートの日時を追加することができます。以下の […]

この記事では、IgbCombo の初期表示時にすべての項目を選択する方法について解説します。 IgbCombo の設定初期選択の設定初期表示時にすべての項目を選択するために、OnInitialized メソッドを使用 […]

IgbDataChartでは、チャート上でデータ要素をクリックした際に、その詳細情報を取得することができます。本記事では、IgbDataChart を使用して、クリックした年度・都市別の売上データの情報を取得する方法につ […]