Ignite UI for Blazor

IgbGrid – 日付をカスタムフォーマットする方法

IgbColumn の PipeArgs プロパティを使用して、日付を特定の形式で表示することができます。この記事では日付を “yyyy年MM月dd日” と表示する方法についてご紹介します。 Ig […]

IgbGrid における、セルの値に応じて他の同一行のセルの色を変更する方法についてご紹介します。 IgbGrid の設定 IgbGrid の RowClassesScript プロパティと IgbColumn の Ce […]

IgbDataChart において、シリーズ項目の外観を動的に変更する方法についてご紹介します。 IgbDataChart の設定まず、IgbColumnSeries を以下のように設定します、イベントハンドラの登録 […]

IgbGrid の初期表示時に任意の行を選択する方法について解説します。 IgbGrid の設定まず、IgbGrid コンポーネントを設定します。 SelectRowsAsync メソッドの使用初期表示時に特定の行を […]

IgbInput のテキストフィールドをプログラムから選択する方法をご紹介します。本記事ではボタンクリックによってテキストフィールドを選択する方法を解説します。 IgbInput の設定まず、IgbInput コンポー […]

IgbGrid の列ヘッダーにグループ化したい列のヘッダーをドラッグすると、選択した列のデータを階層構造で表示することができます。しかし、グループを固定化することで、列ヘッダーへのドラッグは不要になります。このような場合 […]

IgbPieChart の円グラフはデフォルトで右横 (3時の方向) から開始します。これを真上 (12時の方向) から開始させたい場合は、StartAngle に -90 を指定してください。　実行結果　 API […]

IgbGrid において、グリッドの高さを行に合わせて動的に調整する方法を紹介します。これにより、行数に応じてグリッドの高さが変わり、不必要なスクロールバーを表示する必要はありません。 IgbGrid の設定まず、Ig […]

IgbGrid において数値を編集する際、入力系コンポーネントである Igbinput のように、数値を増減できるスピンボタンを表示する方法についてご紹介いたします。 CSSスタイルの設定まず、スピンボタンの表示を有効 […]

IgbGridでは編集中のセルの値がコミットされるのはEnterキーが押される、または他のセルがクリックされた時です。他のコンポーネントがクリックされた時など、その他のタイミングで編集中の値をコミットさせるには、java […]