Ignite UI for Blazor 変更ログ

    Ignite UI for Blazor の各バージョンのすべての重要な変更は、このページに記載されています。

    • バージョン 2024.2 以降、Ignite UI for Blazor ツールセットは .NET 9 をサポートします。.NET 9 の詳細については、Microsoft サイトをご確認ください。

    24.2.52 (December 2024)

    IgniteUI.Blazor (チャート)

    DashboardTile (ベータ版)

    • 新しい Dashboard Tile コンポーネントは、バインドされた ItemsSource コレクションまたは単一のポイントを分析および視覚化し、データのスキーマとカウントに基づいて適切なデータ視覚化を返すコンテナー コントロールです。このコントロールは、組み込みの Toolbar コンポーネントを利用して、実行時に視覚化を変更できるようにし、最小限のコードでデータのさまざまな視覚化を表示できるようにします。

    IgniteUI.Blazor (入力)

    • 新しい ColorEditor と Toolbar の ToolAction (ベータ版)

    この新しいエディターはスタンドアロンのカラー ピッカーとして使用でき、実行時に視覚化を更新するために Toolbar コンポーネントに統合されました。

    重大な変更

    24.2.19 (November 2024)

    一般

    24.1.46 (September 2024)

    IgniteUI.Blazor (チャート)

    • 新しいデータ円チャート - IgbDataPieChart は円ャートを表示する新しいコンポーネントです。このコンポーネントは、IgbCategoryChart と同様に動作し、基になるデータ モデルのプロパティを自動的に検出しながら、ItemLegend コンポーネントを介して選択、強調表示、アニメーション、凡例のサポートを可能にします。

    • 新しい 比例カテゴリ角度軸 - スライスをプロットするための、IgbDataChart のラジアル円シリーズの新しい軸。円チャートに似ており、データ ポイントが円グラフ内のセグメントとして表されます。

    • Toolbar

      • 新しい ToolActionCheckboxList。 選択用のチェックボックスを備えた項目のコレクションを表示する新しい CheckboxList ToolAction。ToolAction CheckboxList 内のグリッドの高さは 5 項目まで大きくなり、その後スクロールバーが表示されます。 IgbCheckboxListModule を登録する必要があります。

      • 新しいフィルタリングのサポート。

      • 軸フィールドの変更。 CategoryChart をターゲットにする場合のツールバーの新しいデフォルトの IconMenu。 ラベル フィールドは X 軸にマップされ、値フィールドは Y 軸にマップされます。 ターゲット チャートは、行われた変更にリアルタイムで反応します。チャートに ItemsSource が設定されていない場合、IconMenu は非表示になります。

    一般

    • 新しい Banner コンポーネント。
    • 新しい DatePicker コンポーネント。
    • 新しい IgbDivider コンポーネント。
    • IgbIcon
      • SetIconRef メソッドが追加されました。これにより、アイコンを SVG ファイルで登録および置き換えることができます。
      • すべてのコンポーネントが内部的な参照によるアイコンを使用するようになり、カスタム テンプレートを明示的に提供しなくても簡単に置き換えられるようになりました。
    • IgbCombo、DatePicker、IgbDialog、IgbDropdown、IgbExpansionPanel、IgbNavDrawer、IgbToast、IgbSnackbar、IgbSelectComponent
      • トグル メソッドの Show、Hide、Toggle メソッドは、成功した場合に true を返すようになりました。そうでない場合は false。
    • IgbRadioGroup
      • Name および Value プロパティを追加しました。Value は双方向バインディングもサポートします。

    重大な変更:

    IgniteUI.Blazor

    • すべてのグリッド
      • グリッド列コレクションを返す GetColumns / GetColumnsAsync メソッドが追加されました。
      • 新しい RowClick イベントが追加されました。
    • IgbPivotGrid
      • IgbPivotDimension に Sortable プロパティが追加されました。
      • 水平レイアウトが追加されました。新しい PivotUI プロパティ内で RowLayout Horizontal として有効にできます。
      • 水平レイアウトのみの行ディメンション サマリーが追加されました。HorizontalSummary を true に設定することで、各 IgbPivotDimension に対して有効にできます。
      • 水平集計の位置を設定するための HorizontalSummariesPosition プロパティを PivotUI に追加しました。
      • 行ディメンションの行ヘッダーが追加されました。新しい PivotUI プロパティ内で ShowHeaders true として有効にできます。
      • キーボード ナビゲーションで行ディメンションヘッダーや列ヘッダーから行ヘッダーへ移動できるようになりました。
      • キーボード操作で行ディメンションの縮小 (Alt + ↑ ↓ ← →) および行ヘッダーのソート (Ctrl + ↑ ↓) ができるようになりました。

    重大な変更:

    • すべてのグリッド
    • IgbPivotGrid
      • ShowPivotConfigurationUI プロパティが削除されました。PivotUI を使用して、その中に新しい ShowConfiguration オプションを設定してください。
    • IgbColumn
      • Movable プロパティが削除されました。グリッドの Moving プロパティを使用してください。
      • ColumnChildren プロパティが削除されました。代わりに ChildColumns を使用してください。
    • IgbColumnGroup
      • Children プロパティが削除されました。代わりに ChildColumns を使用してください。
    • IgbPaginator
      • IsFirstPageDisabled および IsLastPageDisabled プロパティが削除されました。代わりに、IsFirstPage および IsLastPage を使用してください。

    23.2.257 (June 2024)

    一般

    • IgbInput、IgbTextarea - ユーザー入力を制限することなく検証ルールを適用できるように ValidateOnly を公開しました。
    • IgbDropdown - IgbPositionStrategy プロパティは非推奨です。ドロップダウンは、ブラウザー ビューポートの最上位レイヤーにコンテナーをレンダリングするために Popover API を使用するようになったため、このプロパティは廃止されました。
    • IgbDockManager - IgbSplitPane の IsMaximized は非推奨です。分割ペイン レベルで isMaximized を true に設定しても、分割ペインはコンテナーとしてのみ機能し、最大化されて表示される実際のコンテンツがないため、実際の効果はありません。代わりに、IgbTabGroupPane および/または IgbContentPane の IsMaximized プロパティを使用してください。

    IgniteUI.Blazor

    • DisplayDensity は非推奨となり、代わりに --ig-size CSS カスタム プロパティが使用されるようになりました。詳細については、グリッド サイズ トピックを参照してください。

    • IgbPivotGrid - PivotConfiguration オプションの列、行、フィルターのタイプが、IgbPivotDimension の配列である PivotDimension[] になりました (以前は PivotDimensionCollection でした)。

    PivotConfiguration オプションの値のタイプが、IgbPivotValue の配列である PivotValue[] になりました (以前は PivotValueCollection でした)。

    IgniteUI.Blazor (チャート)

    • データ凡例のグループ化 と データ ツールチップのグループ化 - 新しいグループ化機能が追加されました。GroupRowVisible プロパティは、各シリーズのグループ化を切り替え、オプトインすると DataLegendGroup プロパティを介してグループ テキストを割り当てることができます 同じ値が複数のシリーズに適用されている場合、それらはグループ化されて表示されます。すべてのユーザー向けに分類および整理する必要がある大規模なデータセットに役立ちます。

    • チャートの選択 - 新しいシリーズ選択のスタイル設定。これは、IgbCategoryChart および IgbDataChart のすべてのカテゴリ、財務、およびラジアル シリーズに広く採用されています。シリーズはクリックして異なる色で表示したり、明るくしたり、薄くしたり、フォーカスのアウトラインを表示したりできます。個々のシリーズまたはデータ項目全体を通じて影響を受ける項目を管理します。 複数のシリーズとマーカーがサポートされています。特定のデータ項目の値間のさまざまな相違点や類似点を示すのに役立ちます。また、SelectedSeriesItemsChanged イベントと SelectedSeriesItems は、選択内容に基づいたデータ分析を行うポップアップやその他の画面など、アプリケーション内で実行できるその他のアクションを取り巻く堅牢なビジネス要件を構築するための追加の支援として利用できます。

    • 比例カテゴリ角度軸 - IgbDataChart のラジアル円シリーズの新しい軸により、データ チャートのすべての追加機能を使用してロバスト可能な視覚化をする円チャートの作成が可能になります。

    • ツリーマップのハイライト表示 - ツリー マップの項目のマウスオーバーによるハイライト表示を構成できる HighlightingMode プロパティが公開されました。このプロパティには 2 つのオプションがあります: Brighten では、マウスを置いた項目にのみハイライト表示が適用され、FadeOthers では、マウスホバーした項目のハイライト表示はそのままで、それ以外はすべてフェードアウトします。このハイライト表示はアニメーション化されており、HighlightingTransitionDuration プロパティを使用して制御できます。

    • ツリーマップのパーセントベースのハイライト表示 - 新しいパーセントベースのハイライト表示により、ノードはコレクションの進行状況またはサブセットを表すことができます。外観は、データ項目のメンバーによって、または新しい HighlightedDataSource を指定することによって、特定の値までの背景色の塗りつぶしとして表示されます。HighlightedValuesDisplayMode で切り替えることができ、FillBrushes でスタイルを設定できます。

    • Toolbar - 選択した特定のツールの周囲に境界線を描くための ToolAction の新しい IsHighlighted オプション。

    IgniteUI.Blazor (ゲージ)

    23.2.204 (March 2024)

    IgniteUI.Blazor (チャート)

    InitialFilter プロパティによる新しいデータ フィルタリング。フィルター式を適用して、チャート データをレコードのサブセットにフィルターします。大規模なデータのドリルダウンに使用できます。

    • IgbBulletGraph
      • HighlightValueDisplayMode が 'Overlay' 設定に適用されたとき、パフォーマンス バーには値と新しい HighlightValue の差が反映されるようになりました。ハイライト値には、フィルタリング/サブセットの測定パーセンテージが塗りつぶされた色で表示され、残りのバーの外観は割り当てられた値に対して薄く表示され、リアルタイムでパフォーマンスを示します。
    • IgbLinearGauge
      • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と 'Overlay' 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。
    • IgbRadialGauge
      • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と 'Overlay' 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。

    23.2.191 (April 2024)

    • バグ修正

    23.2.189 (March 2024)

    新しいコンポーネント

    新機能

    • IgbDockManager
      • 新しい ProximityDock プロパティ。有効にすると、ドッキング インジケーターは表示されなくなり、エンド ユーザーは、ドラッグしたペインをターゲット ペインの端に近づけてドラッグすることでドッキングできます。
      • 新しい ContainedInBoundaries プロパティ。フローティング ペインを Dock Manager の境界内に保持するかどうかを決定します。デフォルトは false です。
      • 新しい ShowPaneHeaders プロパティ。ペインのヘッダーをホバー時にのみ表示するか、常に表示するかを決定します。デフォルトは always です。
    • IgbTree
      • ノードをクリックすると展開状態が変更されるかどうかを決定する toggleNodeOnClick プロパティが追加されました。デフォルトは false です。
    • IgbRating
      • allowReset が追加されました。有効にすると、同じ値を選択するとコンポーネントがリセットされます。動作の変更 - 以前のリリースでは、これが Rating コンポーネントのデフォルトの動作でした。アプリケーションでこの動作を維持する必要がある場合は、必ず allowReset を設定してください。
    • Select、IgbDropdown
      • selectedItem、items、および groups ゲッターが公開されました。
    • IgbRadialGauge
      • 新しいタイトル/サブタイトルのプロパティ。TitleText、SubtitleText はゲージの下部近くに表示されます。さらに、TitleFontSize、TitleFontFamily、TitleFontStyle、TitleFontWeight、TitleExtent など、さまざまなタイトルとサブタイトルのフォント プロパティが追加されました。最後に、新しい TitleDisplaysValue により、値を針の位置に対応させることができます。
      • IgbRadialGauge の新しい OpticalScalingEnabled プロパティと OpticalScalingSize プロパティ。この新機能は、ゲージのラベル、タイトル、サブタイトルが 100% のオプティカル スケーリングを持つサイズを管理します。この新機能の詳細については、こちらを参照してください。
      • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と 'Overlay' 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。
    • XamRadialChart
      • 新しいラベル モード IgbCategoryAngleAxis は、ラベルの位置をさらに構成できる LabelMode プロパティを公開するようになりました。これにより、Center 列挙型を選択してデフォルト モードを切り替えることも、ラベルを円形のプロット領域に近づける新しいモード ClosestPoint を使用することもできます。

    一般

    非推奨

    • size プロパティと属性は、すべてのコンポーネントで非推奨になりました。代わりに --ig-size CSS カスタム プロパティを使用してください。次の例では、Avatar コンポーネントのサイズを小さく設定します: 
      .avatar {
    --ig-size: var(--ig-size-small);
}
    • IgbDateTimeInput
      • MinValue および MaxValue プロパティは非推奨になりました。代わりに Min および Max を使用してください。
    • IgbRangeSlider
      • AriaLabelLower および AriaLabelUpper プロパティは非推奨になりました。代わりに ThumbLabelLower および ThumbLabelUpper を使用してください。

    削除済

    • デフォルトの属性を隠していた独自の dir 属性が削除されました。これは互換性のある変更です。
    • IgbSlider - ariaLabel シャドウ プロパティ。これは互換性のある変更です。
    • IgbCheckbox - ariaLabelledBy シャドウ属性。これは互換性のある変更です。
    • IgbSwitch - ariaLabelledBy シャドウ属性。これは互換性のある変更です。
    • IgbRadio - ariaLabelledBy シャドウ属性。これは互換性のある変更です。

    23.2.110 (January 2024)

    .NET 8.0 のサポート

    • 2023.2 リリースでは .NET 8 がサポートされます。.NET 8 の詳細については、Microsoft サイトをご確認ください。

    IgniteUI.Blazor (チャート)

    • チャートのハイライト表示フィルター - IgbCategoryChart と IgbDataChart は、データのサブセットの内外でハイライト表示およびアニメーション化する方法を公開するようになりました。このハイライト表示の表示はシリーズのタイプによって異なります。列およびエリア シリーズの場合、サブセットはデータの合計セットの上に表示され、サブセットはシリーズの実際のブラシによって色付けされ、合計セットは不透明度を下げます。折れ線シリーズの場合、サブセットは点線で表示されます。

    23.2.97 (December 2023)

    IgniteUI.Blazor (Toolbar - ベータ版)

    • クリップボードを介してチャートを画像に保存するための保存ツール アクションが追加されました。
    • ツールバーの Orientation プロパティを介して垂直方向が追加されました。デフォルトでは、ツールバーは水平方向ですが、ツールバーを垂直方向に表示できるようになり、ツールが左右にポップアップ表示されます。
    • ツールバーの renderImageFromText メソッドを介してカスタム SVG アイコンのサポートが追加され、カスタム ツールの作成がさらに強化されました。

    IgniteUI.Blazor (Grid)

    23.1.37 (June 2023)

    新しいコンポーネント

    • Toolbar - ベータ版。このコンポーネントは、主にチャート コンポーネントで使用される UI 操作のコンパニオン コンテナーです。ツールバーは、IgbDataChart または IgbCategoryChart コンポーネントにリンクされると、プロパティとツールのプリセットで動的に更新されますが、プロジェクト用のカスタム ツールを作成する機能も提供します。

    IgniteUI.Blazor (チャート)

    • ValueLayer - IgbValueLayer という名前の新しいシリーズ タイプが公開されました。これにより、Maximum、Minimum、Average など、プロットされたデータのさまざまな焦点のオーバーレイを描画できます。これは、新しい ValueLines コレクションに追加することで、IgbCategoryChart と IgbFinancialChart に適用されます。

    • ダッシュ配列を IgbDataChart のシリーズのさまざまな部分に適用できるようになりました。これは、チャートにプロットされたシリーズ、チャートのグリッド線、およびチャートにプロットされたシリーズのトレンドラインに適用できます。

    22.2.65 (April 2023)

    新しいコンポーネント

    新しいコンポーネント

    IgniteUI.Blazor (データ グリッド)

    • 新しい引数 PrimaryKey が Detail から IgbRowDataEventArgs に導入されました。これは、RowAdded および RowDeleted イベントによって発行されるイベント引数の一部です。グリッドに主キー属性が追加されている場合、発行された primaryKey イベント引数は行 ID を表し、それ以外の場合はデフォルトで null 値になります。
    • RowSelectionChanging イベント引数が変更されました。現在、グリッドが primaryKey を設定した場合、OldSelection、NewSelection、Added および Removed コレクションは、選択された要素の行キーで構成されなくなりましたが、いずれにしても行データが出力されるようになりました。
    • グリッドがリモート データを操作していて、主キーが設定されている場合、現在グリッド ビューに含まれていない選択された行に対して、部分的な行データ オブジェクトが発行されます。
    • 選択された行がグリッド コンポーネントから削除されると、RowSelectionChanging イベントは発生しなくなります。
    • OnGroupingDone イベントは GroupingDone に名前が変更され、on プレフィックスを付けない出力規則に違反しなくなりました。
    • OnDensityChanged イベントの名前が DensityChanged に変更され、on プレフィックスを付けない出力規則に違反しなくなりました。このイベントを公開しているすべてのコンポーネントが影響を受けます。

    IgniteUI.Blazor (ピボット グリッド)

    IgniteUI.Blazor (入力)

    • IgbDateTimeInput、StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) は、DateTimeInputDatePart ではなく DatePart に切り詰められるようになりました。
    • IgbRadio および IgbRadioGroup は、無効な状態のスタイルとともにコンポーネントの検証が追加されました。
    • Mask は、マスク パターン リテラルをエスケープする機能が追加されました。
    • IgbBadge は、バッジの形状を制御する Shape プロパティを追加し、Square または Rounded のいずれかになります。デフォルトでは、バッジの形状は rounded です。
    • IgbAvatar、RoundShape プロパティは廃止され、将来のバージョンで削除される予定です。ユーザーは、新しく追加された Shape 属性によってアバターの形状を制御できます。これは、Square、Rounded、または Circle にすることができます。アバターのデフォルトの形状は Squareです。

    IgniteUI.Blazor (DockManager)

    • ドック マネージャーのペイン コレクションに保護されたセッターが追加されました。ペインを作成するときに、ネストされた構造でペインを設定するのではなく、Add を呼び出す必要があります。

    22.2.50 (December 2022)

    新しいコンポーネント

    22.1.76 (November 2022)

    新しいコンポーネント

    IgniteUI.Blazor (チャート)

    デフォルトの動作を大幅に改善し、カテゴリ チャート API を改良して使いやすくしました。これらの新しいチャートの改善点は次のとおりです:

    • ブラウザー / 画面サイズに基づいた水平ラベル回転のレスポンシブ レイアウト。
    • すべてのプラットフォームでの丸型ラベルの描画が強化されました。
    • StackedFragmentSeries にマーカー プロパティを追加しました。
    • ShouldPanOnMaximumZoom プロパティを追加しました。
    • 新しいカテゴリ軸プロパティ:
      • ZoomMaximumCategoryRange
      • ZoomMaximumItemSpan
      • ZoomToCategoryRange
      • ZoomToItemSpan
    • カテゴリの文字列と数値をグループ化、ソート、集計するための新しいチャート集計 API により、チャート データを事前に集計または計算する必要がなくなります。
      • InitialSortDescriptions
      • InitialSorts
      • SortDescriptions
      • InitialGroups
      • InitialGroupDescriptions
      • GroupDescriptions
      • InitialSummaries
      • InitialSummaryDescriptions
      • SummaryDescriptions
      • InitialGroupSortDescriptions
      • GroupSorts
      • GroupSortDescriptions

    [!Note] IncludedProperties | ExcludedProperties を使用している場合、チャート集計は機能しません。チャートのこれらのプロパティは非集計データ用です。データを集計しようとすると、これらのプロパティは使用できなくなります。うまくいかない理由は、描画のためにチャートに渡されたコレクションを集計により置き換えるためです。include/exclude プロパティは、そのデータの in/out プロパティをフィルターするように設計されており、それらのプロパティは新しい集計されたコレクションには存在しません。

    IgniteUI.Blazor (データ グリッド)

    • IgbColumn を IgbDataGridColumn に変更しました。
    • GridCellEventArgs を IgbDataGridCellEventArgs に変更しました。
    • GridSelectionMode を DataGridSelectionMode に変更しました。
    • SummaryOperand を DataSourceSummaryOperand に変更しました。

    22.1.41 (June 2022)

    IgniteUI.Blazor (チャート)

    • 高度に構成可能な DataLegend コンポーネントが追加されました。これは、Legend とよく似たコンポーネントですが、シリーズの値を表示し、シリーズの行と値の列をフィルタリングし、値のスタイルとフォーマットを行うための多くの構成プロパティを提供します。
    • 高度に構成可能な DataToolTip が追加されました。これは、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。これは、すべてのチャート タイプのデフォルトのツールチップになりました。
    • 積層シリーズのアニメーションとトランジションインのサポートが追加されました。IsTransitionInEnabled プロパティを true に設定すると、アニメーションを有効にできます。そこから、TransitionInDuration プロパティを設定してアニメーションが完了するまでの時間を決定し、TransitionInMode でアニメーションのタイプを決定できます。
    • 追加された AssigningCategoryStyle イベントは、IgbDataChart のすべてのシリーズで利用できるようになりました。このイベントは、背景色の Fill やハイライト表示など、シリーズ項目の外観を条件付きで構成する場合に処理されます。
    • CalloutLayer の新しい AllowedPositions 列挙体。チャート内のどこにコールアウトを配置するかを制限するために使用されます。デフォルトでは、コールアウトは最適な場所に配置されますが、これは TopLeft、TopRight、BottomLeft、または BottomRight を強制するために使用されます。
    • 注釈レイヤーに追加された新しいコーナー半径プロパティ。各コールアウトのコーナーを丸めるために使用されます。コーナー半径がデフォルトで追加されていることに注意してください。
    • さまざまな方法でスクロールバーを有効にするための新しい HorizontalViewScrollbarMode および VerticalViewScrollbarMode 列挙体。IsVerticalZoomEnabled または IsHorizontalZoomEnabled と組み合わせると、チャートをナビゲートするための軸に沿ったスクロールバーを、常設またはフェードインおよびフェードアウトすることができます。
    • 新しい FavorLabellingScaleEnd は、軸がスケールの最後にラベルを表示することを優先するかどうかを決定します。数値軸 (IgbNumericXAxis、IgbNumericYAxis、PercentChangeAxis など) とのみ互換性があります。
    • 新しい IsSplineShapePartOfRange は、軸に要求された軸範囲にスプライン形状を含めるかどうかを決定します。
    • 新しい XAxisMaximumGap は、XAxisGap を使用するときにプロットされたシリーズの最大許容値を決定します。ギャップは、プロットされたシリーズの列またはバー間のスペースの量を決定します。
    • 新しい XAxisMinimumGapSize は、XAxisGap を使用するときに、プロットされたシリーズの最小許容ピクセルベース値を決定し、各カテゴリ間に常にある程度の間隔があることを保証します。

    IgniteUI.Blazor (データ グリッド)

    新機能 - 行ページングを追加しました。これは、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。ページネーションを使用すると、データを設定された行数で表示することができ、ユーザーはスクロール バーを使用せずにデータを順次閲覧することができます。テーブル ページネーションの UI には通常、現在のページ、合計ページ、ユーザーがページをめくるためのクリック可能な [前へ] と [次へ] の矢印 / ボタンなどが含まれます。

    IgniteUI.Blazor (DockManager)

    • Blazor ドック マネージャーは 現在「プレビュー」です。ドックマネージャーにより、さまざまなサイズ、位置、動作をするペインによって複雑なレイアウトを管理し、アプリ内のさまざまな場所にドッキングできます。ドック マネージャーを使用すると、エンドユーザーは、ピン固定、サイズ変更、移動、フローティング、および非表示にするなど、ペインをカスタマイズすることができます。

    新しいコンポーネント

    21.2.52 (December 2021)

    [!Note] 以下の重大な変更が導入されました

    IgniteUI.Blazor (データ グリッド)

    • ValueField プロパティを string[] 型から string に変更しました。

    IgniteUI.Blazor (入力)

    • 新しい ValueChanged イベントは双方向バインディングをサポートしており、Value プロパティをバインドしていない場合にのみ処理する必要があります。データ バインディングなしでコントロールから Value フィールドを読み取るには、ValueChanged イベントを処理する必要があります。データがバインドされていない場合は、GetCurrentValueAsync を使用してコントロールの値を読み取る必要があります。

    日付ピッカー

    • ValueChanged イベントを SelectedValueChanged に変更しました。

    複数列コンボボックス

    • TextChanged イベントを TextValueChanged に変更しました。
    • ValueChanged イベントを SelectedValueChanged に変更しました。

    21.2.22 (November 2021)

    [!Note] Igb プレフィックスは Ignite UI for Blazor のコンポーネントと各コンポーネント内のネスト要素に必要になりました。この API の変更は、Infragistics コントロールとサードパーティのコントロールの間の曖昧を回避するために必要でした。

    たとえば、<CategoryChart/> の代わりに <CategoryChart/>

    新しいコンポーネント

    チャートとマップの改善

    このリリースでは、地理マップとすべてのチャート コンポーネントのビジュアル デザインと構成オプションにいくつかの改善と簡素化が導入されています。

    • IgbFinancialChart と IgbCategoryChart の YAxisLabelLocation プロパティのタイプを AxisLabelLocation から YAxisLabelLocation に変更しました。
    • IgbFinancialChart の AxisLabelLocation から XAxisLabelLocation に XAxisLabelLocation プロパティのタイプを変更しました。
    • IgbCategoryChart に XAxisLabelLocation プロパティを追加しました。
    • 凡例で IgbGeographicMap の地理的なシリーズを表すためのサポートが追加されました。
    • IgbFinancialChart とIgbCategoryChart にデフォルトの十字線を追加しました。
    • IgbFinancialChart とIgbCategoryChart にデフォルトの十字線の注釈を追加しました。
    • IgbFinancialChart にデフォルトで最終値の注釈を追加しました。
    • カテゴリ チャートとファイナンシャル チャートに新しいプロパティを追加しました:
    • カテゴリ チャート、ファイナンシャル チャート、データ チャート、および地理マップに新しいプロパティを追加しました。
      • 同じチャート内の複数のシリーズにどのマーカー タイプを割り当てることができる MarkerAutomaticBehavior
      • 凡例で表されるすべてのシリーズのバッジの形状を設定するための LegendItemBadgeShape
      • 凡例のすべてのシリーズにバッジの複雑さを設定するための LegendItemBadgeMode
    • データ チャートと地理マップのシリーズに新しいプロパティを追加しました。
      • 凡例で表される特定のシリーズにバッジの形状を設定するための LegendItemBadgeShape
      • 凡例の特定のシリーズにバッジの複雑さを設定するための LegendItemBadgeMode
    • カテゴリ チャートとシリーズで、デフォルトの垂直十字線ストロークを#000000 から #BBBBBB に変更しました。
    • 同じチャートにプロットされたすべてのシリーズのマーカーの図形を円に変更しました。これは、チャートの MarkerAutomaticBehavior プロパティを SmartIndexed 列挙値に設定することで元に戻すことができます。
    • チャートの凡例のシリーズの簡略化された図形で、円、線、または四角のみを表示します。これは、チャートの LegendItemBadgeMode プロパティを MatchSeries 列挙値に設定することで元に戻すことができます。
    • アクセシビリティを向上させるために、すべてのチャートに表示されるシリーズとマーカーのカラー パレットを変更しました。
    古いのブラシ/アウトライン 新のアウトライン/ブラシ
    #8BDC5C
    #8B5BB1
    #6DB1FF
    #F8A15F
    #EE5879
    #735656
    #F7D262
    #8CE7D9
    #E051A9
    #A8A8B7    		 #8BDC5C
    #8961A9
    #6DB1FF
    #82E9D9
    #EA3C63
    #735656
    #F8CE4F
    #A8A8B7
    #E051A9
    #FF903B

    IgniteUI.Blazor (データ グリッド)

    21.1.52 (April 2021)

    新しいビジュアル デザイン

    チャートとマップ

    このリリースでは、すべてのチャート コンポーネントに、いくつかの新しく改善されたビジュアル デザインと構成オプションが導入されています。例えば、IgbDataChart、IgbCategoryChart、および IgbFinancialChart。

    • 棒/縦棒/ウォーターフォール シリーズを、角丸ではなく角が四角になるように変更しました。
    • heat min プロパティの 散布高密度シリーズの色を #8a5bb1 から #000000 に変更しました。
    • heat max プロパティの 散布高密度シリーズの色を #ee5879 から #ee5879 に変更しました。
    • ファイナンシャル/ウォーターフォール シリーズの NegativeBrush および NegativeOutline プロパティを #C62828 から #ee5879 に変更しました。
    • マーカーの厚さを 1 pxから 2 pxに変更しました。
    • IgbPointSeries、IgbBubbleSeries、IgbScatterSeries、IgbPolarScatterSeries のマーカーのアウトラインに一致するようにマーカーの塗りつぶしを変更しました。MarkerFillMode プロパティを Normal に設定すると、この変更を元に戻すことができます。
    • IgbTimeXAxis とIgbOrdinalTimeXAxis のラベリングを圧縮しました。
    • 新しいマーカー プロパティ:
      • series.MarkerFillMode - マーカーがアウトラインに依存するように、MatchMarkerOutline に設定できます。
      • series.MarkerFillOpacity - 0〜1 の値に設定できます。
      • series.MarkerOutlineMode - マーカーのアウトラインが塗りブラシの色に依存するように、'MatchMarkerBrush' に設定できます。
    • 新シリーズ プロパティ:
      • series.OutlineMode - シリーズ アウトラインの表示を切り替えるように設定できます。データ チャートの場合、プロパティはシリーズ上にあることに注意してください。
    • チャートがデフォルトのズーム レベルにあるときにビューポートに導入されるブリード オーバー領域を定義する新しいチャート プロパティを追加しました。一般的な使用例では、軸と最初/最後のデータ ポイントの間にスペースを提供します。以下にリストされている ComputedPlotAreaMarginMode は、マーカーが有効になっているときに自動的にマージンを設定することに注意してください。その他は、厚さを表す Double を指定するように設計されており、PlotAreaMarginLeft などがチャートの 4 辺すべてにスペースを調整します。
    • 新しいハイライト表示プロパティ:
      • chart.HighlightingMode - ホバーされたシリーズとホバーされていないシリーズをフェードまたは明るくするかを設定します。
      • chart.HighlightingBehavior - 真上または最も近い項目など、マウスの位置に応じてシリーズをハイライト表示するかどうかを設定します。
      • 以前のリリースでは、ハイライト表示はホバー時にフェードするように制限されていたことに注意してください。
    • 積層型、散布、極座標、ラジアル、およびシェイプ シリーズにハイライト表示を追加しました。
    • 積層型、散布、極座標、ラジアル、およびシェイプ シリーズに注釈レイヤーを追加しました。
    • 積層型シリーズ内の個々の積層フラグメントのデータ ソースをオーバーライドするためのサポートが追加されました。
    • 積層型、散布、範囲、極座標、ラジアル、シェイプ シリーズにカスタム スタイルのイベントを追加しました。
    • 垂直ズームをシリーズ コンテンツに自動的に同期するサポートが追加されました。
    • 表示された最初のラベルに基づいてチャートの水平マージンを自動的に拡張するサポートが追加されました。
    • シリーズとマーカーの再設計されたカラー パレット:
    古いのブラシ/アウトライン 新のアウトライン/ブラシ
    #7446B9
    #9FB328
    #F96232
    #2E9CA6
    #DC3F76
    #FF9800
    #3F51B5
    #439C47
    #795548
    #9A9A9A    		 #8bdc5c
    #8b5bb1
    #6db1ff
    #f8a15f
    #ee5879
    #735656
    #f7d262
    #8ce7d9
    #e051a9
    #a8a8b7

    例:

    チャート凡例

    • バブル、ドーナツ、および円チャートで使用できる水平方向の Orientation プロパティを ItemLegend に追加しました。
    • LegendHighlightingMode プロパティの追加 - 凡例項目にホバーした時にシリーズのハイライト表示を有効にします。

    地理マップ

    [!Note] これらの機能は CTP です。

    • マップの表示を折り返すためのサポートが追加されました (水平方向に無限にスクロールできます)。
    • 座標原点を折り返しながら、一部のマップ シリーズの表示をシフトするためのサポートが追加されました。
    • シェイプ シリーズのハイライト表示のサポートが追加されました。
    • シェイプ シリーズの一部の注釈レイヤーのサポートが追加されました。

    IgniteUI.Blazor (データ グリッド)

    • EditOnKeyPress、(別名: Excel スタイルの編集) を追加し、入力するとすぐに編集を開始します。
    • EditModeClickAction プロパティを追加しました - デフォルトでは、編集モードに入るにはダブル クリックが必要です。これを SingleClick に設定して、新しいセルを選択するときに編集モードを実行できるようにすることができます。
    • EnterKeyBehaviors プロパティの追加 - 別名 Excel スタイル ナビゲーション (Enter 動作) - Enter キーの動作を制御します。たとえば、オプションは none、edit、move up、down、left、right です。
    • EnterKeyBehaviorAfterEdit プロパティの追加 - 編集モードでは、このプロパティは Enter キーが押されたときを制御します。例えば、オプションは (下、上、右、左のセルに移動) です。
    • SelectAllRows メソッドを追加しました。
    • 行範囲の選択を追加しました - GridSelectionMode プロパティを MultipleRow に設定すると、次の新しい機能が含まれるようになりました:
      • クリックしてドラッグし、行を選択します。
      • Shift キーを押しながらクリックして、複数の行を選択します。
      • Shift キーを押しながら上下の矢印キーを押して、複数の行を選択します。
    • スペース バーを押すと、MultipleRow または SingleRow に設定された GridSelectionMode プロパティを介してアクティブな行の選択が切り替わります。
    • 列オプション ダイアログに列集計を追加しました。

    IgniteUI.Blazor (入力)

    日付ピッカー

    • ShowTodayButton - 現在の日付のボタンの表示を切り替えます。
    • Label - 日付値の上にラベルを追加します。
    • Placeholder プロパティ - 値が選択されていない場合にカスタム テキストを追加します。
    • FormatString - 入力日付文字列をカスタマイズします。(例: yyyy-MM-dd)
    • DateFormat - 選択した日付を LongDate または ShortDate のどちらとして表示するかを指定します。
    • FirstDayOfWeek - 週の最初の曜日を指定します。
    • FirstWeekOfYear - 年の最初の週をいつ表示するかを指定します。例えば、最初の 1 週間、最初の 4 日間の週です。
    • ShowWeekNumbers - 週番号の表示を切り替えます。
    • MinDate & MaxDate - 使用可能の選択できる日付の範囲を指定する日付制限。
    • アクセシビリティの追加