Ignite UI for Blazor Changelog
이 페이지에는 Ignite UI for Blazor의 각 버전에 대한 모든 주요 변경 사항이 기록되어 있습니다.
- 버전 2024.2부터 Ignite UI for Blazor 도구 집합은 .NET 9를 지원합니다. .NET 9에 대한 자세한 내용은 Microsoft 사이트의 이 문서를 참조하세요.
25.1.82 (September 2025)
IgniteUI.Blazor (Geographic Map)
주요 변경 내용
AzureMapsMapImagery로 이름이 변경되었습니다.IgbAzureMapsImageryAzureMapsImageryStyle.Imagery로 이름이 변경되었습니다.AzureMapsImageryStyle.Satellite- 다음
AzureMapsImageryStyle열거형 값은 Overlay 접미사를 포함하도록 이름이 변경되었습니다.TerraOverlay,LabelsRoadOverlayLabelsDarkGreyOverlayHybridRoadOverlayHybridDarkGreyOverlayWeatherRadarOverlayWeatherInfraredOverlayTrafficAbsoluteOverlayTrafficRelativeOverlayTrafficRelativeDarkOverlayTrafficDelayOverlayTrafficReducedOverlay
IgniteUI.Blazor (Charts)
새 축 레이블 이벤트
축 레이블에서 다양한 작업을 감지할 수 있도록 다음 이벤트가 추가 DataChart 되었습니다.
LabelMouseDownLabelMouseUpLabelMouseEnterLabelMouseLeaveLabelMouseMoveLabelMouseClick
컴패니언 축
기존 축의 복제본을 빠르게 만들 수 있도록 X 및 Y축에 속성을 추가 CompanionAxis 했습니다. 속성을 사용하여 CompanionAxisEnabled 활성화하면 복제된 축이 차트의 반대 위치로 기본 설정되고 해당 축의 속성을 구성할 수 있습니다.
RadialPieSeries 삽입 개요
의 윤곽선이 렌더링되는 방식을 제어하기 위해 호출되는 UseInsetOutlines 새 속성이 있습니다 IgbRadialPieSeries. 이 값을 true로 설정하면 슬라이스 도형 내에 윤곽선이 삽입되는 반면, false (기본값) 값은 슬라이스 도형의 가장자리를 따라 윤곽선을 반으로 반으로 배치합니다.
주요 변경 내용
- 다음과 같은 문제로 인해 수정되었습니다.
PlotAreaPosition그리고ChartPosition속성IgbChartMouseEventArgs수업이 뒤바뀌었습니다. 이렇게 하면PlotAreaPosition그리고ChartPosition돌아오다.
IgniteUI.Blazor (Grids)
셀 접미사 내용
셀 값의 끝에 텍스트나 아이콘을 추가하고 스타일을 지정할 수 있는 셀 내의 접미사 콘텐츠에 대한 지원이 추가되었습니다. 셀 접미사 콘텐츠에 대해 추가된 속성의 전체 목록은 아래에 나열되어 있으며 IgbDataGridColumn 그리고 CellInfo 수업:
SuffixTextSuffixTextColorSuffixTextFontSuffixIconNameSuffixIconCollectionNameSuffixIconStrokeSuffixIconFillSuffixIconViewBoxLeftSuffixIconViewBoxTopSuffixIconViewBoxWidthSuffixIconViewBoxHeightTextDecoration
아이콘에 사용할 수 있는 최대 크기는 24x24입니다. 이보다 크거나 작은 아이콘을 제공할 수 있지만 24x24 공간에 맞게 적절하게 크기를 조정하여 완전히 표시되도록 뷰박스 설정을 구성해야 합니다.
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 27304 | IgbData차트 | 확대/축소 사각형이 배경 사각형과 동일하게 배치되지 않습니다. |
| 30600 | Igb도넛차트 | 차트 또는 계열에 대한 textStyle 속성 없음(원형 차트에는 이 속성이 있음) |
| 31624 | Igb카테고리차트 | IgxCategoryChart의 포함 창 크기를 조정하면 차트가 계열을 렌더링하지 못합니다 |
| 33861 | 엑셀 라이브러리 | 꺾은선형 차트를 추가하면 독일 문화에 대한 Excel 파일이 손상됩니다. |
| 37307 | Igb체크박스 | IgbCheckBox의 JS 힙, 노드 및 리스너 누출 |
| 37930 | IgbData차트 | 데이터 주석 오버레이 텍스트 색상이 작동하지 않음 |
| 38231 | IGB그리드 | 고정되지 않은 열은 숨겨진 열이 있는 경우 원래 위치로 돌아가지 않습니다. |
Enhancements
IgbBulletGraph
- 새
LabelsVisible속성 추가
차트
스타일 지정을 돕기 위해 DataToolTipLayer, ItemToolTipLayer 및 CategoryToolTipLayer에 추가된 새 속성:
ToolTipBackground,ToolTipBorderBrush및ToolTipBorderThickness스타일 지정을 돕기 위해 DataLegend에 추가된 새 속성:
ContentBackground,ContentBorderBrush및ContentBorderThicknessTheContentBorderBrush및 기본값ContentBorderThickness은 각각 투명 및 0이므로 이러한 테두리를 보려면 이러한 속성을 설정해야 합니다.마우스의 세계 상대 위치를 제공하는 called
WorldPosition에IgbChartMouseEventArgs새 속성을 추가했습니다. 이 위치는 축 공간 내의 X축과 Y축 모두에 대해 0과 1 사이의 값이 됩니다.에 추가되었습니다
HighlightingFadeOpacity IgbSeriesViewer IgbDomainChart. 이렇게 하면 강조 표시된 시리즈에 적용되는 불투명도를 구성할 수 있습니다.
Igb데이터 그리드
- 마우스 이벤트가 부모 요소로 버블링되는 것을 방지하는 DataGrid에 호출
stopPropagation되는 새 속성이 추가되었습니다.
IgbLinear게이지
- 새
LabelsVisible속성 추가
25.1.63 (August 2025)
IgniteUI.Blazor (Geographic Map)
Azure Map Imagery 지원
이제 GeographicMap Azure 기반 지도 이미지를 지원하므로 개발자는 여러 애플리케이션 유형에 걸쳐 상세한 동적 지도를 표시할 수 있습니다. 여러 맵 레이어를 결합하고, 지리 데이터를 시각화하고, 대화형 매핑 환경을 쉽게 생성할 수 있습니다.
참고: Bing 지도 이미지에 대한 지원은 단계적으로 중단됩니다. 기존 엔터프라이즈 키를 사용하여 Bing Maps에 액세스할 수 있으므로 Azure Maps로 전환하는 동안 현재 애플리케이션이 계속 작동하도록 할 수 있습니다.
여기에서 공개적으로 사용 가능한 Azure Maps 중 일부를 살펴보세요.
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 26952 | Igb탭 | e.Detail은 Razor /JS의 Change 이벤트에서 null입니다. |
| 26953 | Igb탭 | 탭을 선택한 것으로 표시하면 후속 시도에 적용되지 않습니다. |
| 31910 | IgbXDatePicker | "@bind-Value" 구문을 사용하여 값을 바인딩하고 지우기 버튼을 클릭하면 오류가 발생합니다. |
| 31323 | IgbDataChart, IgbGrid, IgbCombo | NullReferenceException은 데이터 형식에 collection-type 속성이 있고 해당 컬렉션의 첫 번째 요소가 null일 때 발생합니다 |
| 38903 | Igb탭 | 드롭다운 목록이 탭 내의 구성 요소에 대한 올바른 위치에 표시되지 않습니다. |
| 139 | IgbDatePicker, IgbDateTime입력 | 날짜 선택기 및 데이터 시간 입력은 nullable 값을 지원하지 않습니다. |
일반적인
이제 이러한 구성 요소의 다음 속성은 null을 허용합니다.
IgbButton:FormIgbCalendar:SpecialDates,DisabledDatesIgbCombo:ValueKey,DisplayKey,GroupKeyDatePicker:Value,Min,MaxDateTimePicker:Value,Min,MaxIgbDropdown:SelectedItemIgbInput:Pattern,MinLength,MaxLength,Min,Max,StepSelect:Value,SelectedItemIgbTile:ColStart,RowStartIgbTileManager:MinColumnWidth,MinRowHeight,Gap
25.1.46 (July 2025)
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 36448 | IgbRadial게이지 | 방사형 레이블 형식 속성이 작동하지 않습니다. (예: 제목, 자막) |
| 37718 | Igb탭 | 탭 패널에 있는 그리드에 새 행이 추가될 때 예기치 않은 스크롤이 발생했습니다 |
| 37855 | IGB그리드 | 그리드에 HeaderTemplate이 포함되어 있고 보안되지 않은(http) 프로토콜을 사용하여 페이지에 액세스하는 경우 Crypto.randomUID를 찾을 수 없음 오류가 발생합니다. |
IgniteUI.Blazor (Charts)
- 추가
MaximumExtent축MaximumExtentPercentage레이블과 함께 사용할 속성.
25.1.19 (June 2025)
IgniteUI.Blazor (Geographic Map)
[!Note] As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired. If you're still using an unpaid Basic Account and key, now is the time to act to avoid service disruptions. Bing Maps for Enterprise license holders can continue to use Bing Maps in their applications until June 30,2028. For more details please visit:
IgniteUI.Blazor (Charts)
추가 차트 데이터 주석 레이어:
- 데이터 주석 밴드 레이어
- 데이터 주석 라인 레이어
- 데이터 주석 사각형 계층
- 데이터 주석 슬라이스 계층
- 데이터 주석 스트립 레이어
데이터 툴팁 및 데이터 범례는
LayoutMode테이블 또는 세로 레이아웃 구조에서 도구 설명 또는 범례의 내용을 레이아웃하는 데 사용할 수 있는 속성입니다.
DefaultInteraction차트의 속성이 새 열거형을 포함하도록 업데이트되었습니다 -DragSelect드래그한 미리보기 Rect가 그 안에 포함된 점을 선택합니다. ValueOverlay 및 ValueLayer 외에도 위에 나열된 차트 데이터 주석은 이제 플롯 영역에서 추가 주석 텍스트를 오버레이하는 데 사용할 수 있는 속성을 노출합니다
OverlayText. 이러한 주석의 모양은 많은 OverlayText 접두사 속성을 사용하여 구성할 수 있습니다. 예를 들어 속성은OverlayTextBrush오버레이 텍스트의 색상을 구성합니다.추세선 레이어 특정 계열에 추세선 레이어당 단일 추세선을 적용할 수 있는 계열 유형입니다. 이렇게 하면 차트에 여러 TrendlineLayer 계열 유형이 있을 수 있으므로 단일 계열에 여러 추세선을 사용할 수 있습니다.
일반적인
-
IgbTooltip구성 요소는 특정 요소에 대한 도구 설명을 표시하는 방법을 제공합니다. 사용하려면 원하는 대로 콘텐츠를 설정하고 속성을 통해Anchor대상 요소의 ID에 연결합니다.
툴팁은 다음을 사용하여 추가로 사용자 지정할 수 있습니다.<IgbButton id="target-button">Hover me</IgbButton> <IgbTooltip Anchor="target-button"> You've hovered the button! 🎉 </IgbTooltip>Show/HideDelay,Placement타겟 주위 및 사용자 정의 가능Show/HideTriggers이벤트.
Changes
많은 열거형의 이름이 바뀌었거나 다른 열거형과 병합되었습니다. 이름 바꾸기(영향을 받는 구성 요소 포함):
BaseAlertLikePosition(IgbSnackbarandIgbToast)의 이름이AbsolutePositionButtonGroupAlignment(IgbButtonGroup),CalendarOrientation(IgbCalendar),CardActionsOrientation(IgbCardActions),DatePickerOrientation(DatePicker),RadioGroupAlignment(IgbRadioGroup)가 병합되어 이름이 변경되었습니다.ContentOrientationCalendarBaseSelection(IgbCalendar)의 이름이CalendarSelectionCarouselAnimationType(IgbCarousel) 및StepperHorizontalAnimation(IgbStepper)가 병합되어 이름이 변경되었습니다.HorizontalTransitionAnimationCheckboxBaseLabelPosition(IgbCheckboxandIgbSwitch) andRadioLabelPosition(IgbRadio)가 병합되어 이름이 변경되었습니다.ToggleLabelPositionDatePickerMode(DatePicker)의 이름이PickerModeDatePickerHeaderOrientation(DatePicker)이(가) (으)로 이름이 변경되었거나 (으)로 병합되었습니다.CalendarHeaderOrientationDropdownPlacement(IgbDropdownandSelect)의 이름이PopoverPlacementDropdownScrollStrategy(IgbDropdown) 및SelectScrollStrategy(Select)가 병합되어 이름이 변경되었습니다.PopoverScrollStrategySliderBaseTickOrientation(IgbSliderandIgbRangeSlider)의 이름이SliderTickOrientationTickLabelRotation(IgbSliderandIgbRangeSlider)의 이름이SliderTickLabelRotation
-
별도의 패널을 정의할 필요성을 제거하고 패널과 탭 헤더를 연결하여 구성을 단순화했습니다.
Panel속성과 속성TabPanel자체가 제거되었습니다. 이제 콘텐츠를 직접IgbTab할당할 수 있으며 헤더 텍스트는 새Label속성을 통해 또는 더 많은 사용자 지정을 위해 요소를slot="label"프로젝션하여 편리하게 설정할 수 있습니다. 전에:<IgbTabs Alignment=@TabAlignment> <IgbTab Panel="basics">Basics</IgbTab> <IgbTab Panel="details">Details</IgbTab> <IgbTab Panel="favorite"> <IgbIcon IconName="favorite" Collection="material"/> </IgbTab> <IgbTab Panel="disabled" Disabled=true>Disabled</IgbTab> <IgbTabPanel id="basics">Basics tab content</IgbTabPanel> <IgbTabPanel id="details">Details tab content</IgbTabPanel> <IgbTabPanel id="favorite">Favorite tab content</IgbTabPanel> <IgbTabPanel id="disabled">Disabled tab content will not be displayed</IgbTabPanel> </IgbTabs>After:
<IgbTabs Alignment=@TabAlignment> <IgbTab Label="Basics"> Basics tab content </IgbTab> <IgbTab Label="Details"> Details tab content </IgbTab> <IgbTab> <IgbIcon slot="label" IconName="favorite" Collection="material"/> Favorite tab content </IgbTab> <IgbTab Disabled="true" Label="Disabled"> Disabled tab content will not be displayed </IgbTab> </IgbTabs> -
ActiveStepChangingArgsEventArgs의 이름이 로 변경되었습니다.IgbActiveStepChangingEventArgsActiveStepChangedArgsEventArgs의 이름이 로 변경되었습니다.IgbActiveStepChangedEventArgsStepperTitlePosition이제 기본 동작을 올바르게 반영하도록 기본값이 설정됩니다.Auto
-
TreeSelectionChangeEventArgs의 이름이 로 변경되었습니다.IgbTreeSelectionEventArgs
-
Autocapitalize&InputMode는 이제string명시적 열거형 대신 속성입니다.
IgniteUI.Blazor (Grids)
IgbColumn- 추가된 이벤트:
HiddenChange,ExpandedChange,,WidthChange PinnedChange
- 추가된 이벤트:
Grid- 추가된 이벤트:
GroupingExpressionsChange,GroupingExpansionStateChange
- 추가된 이벤트:
IgbRowIsland- 새 매개 변수가 추가되었습니다.
ParentRowData안으로IgbGridCreatedEventArgsDetail에 대한 argsGridCreated이벤트
- 새 매개 변수가 추가되었습니다.
Grid,IgbHierarchicalGrid,IgbTreeGrid- 추가된 속성 -
ExpansionStates-는 키-값 쌍 [행 ID, 확장 상태]의 목록을 나타냅니다. - 추가된 이벤트:
ExpansionStatesChange -
Rendered이벤트 유형이 에서VoidHandler로 변경됩니다.ComponentBoolValueChangedEventHandler - DataChanging 이벤트의 유형이 에서
ForOfDataChangingEventHandler로 변경됩니다.ForOfDataChangeEventHandler - DataChanged 이벤트의 유형이 에서
VoidHandler로 변경됩니다.ForOfDataChangeEventHandler
- 추가된 속성 -
IgbPivotDataSelector- 추가된 이벤트:
ColumnsExpandedChange,RowsExpandedChange,,FiltersExpandedChange ValuesExpandedChange
- 추가된 이벤트:
IgniteUI.Blazor (Dashboards)
-
DashboardTile이제 DataGrid 보기에서 정렬, 그룹화, 필터링 및 선택과 같은 차트 시각화로 집계를 전파할 수 있습니다. 이것은 현재 ofDataSourcetheDashboardTile를 instance ofIgbLocalDataSource에 바인딩하여 지원됩니다 .
Enhancements
툴바
- 이제 도구 모음에서 추가된 값 레이어가 범례에 나타납니다.
- 확대/축소 재설정 도구가 확대/축소 드롭다운으로 이동되었습니다.
데이터 파이 차트
- 이제 차트에서 메서드를 노출합니다
GetOthersContext(). 그러면 "others" 슬라이스의 내용이 반환됩니다.
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 25997 | Igb데이터 그리드 | 요약은 첫 번째 그룹화된 자식 행에 대해서만 표시됩니다. |
| 37023 | IgbData차트 | 툴팁은 overflow hidden이 설정된 경우 잘리거나 화면에서 벗겨집니다. |
| 37244 | 뛰어나다 | 사용자 지정 데이터 유효성 검사가 작동하지 않습니다. |
24.2.122 (May 2025)
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 37271 | IGBHierarchical그리드 | IGridCreatedEventArgs에 포함된 ParentRowData |
| 37681 | IgbData차트 | 카테고리 차트- values 레이블은 적절한 공간이 있을 때 열 위에 표시되어야 합니다. |
| 37244 | 뛰어나다 | 사용자 지정 데이터 유효성 검사가 작동하지 않습니다. |
24.2.111 (April 2025)
New Components
- Igb 타일 관리자
Enhancements
목록
- 호출에 새 속성을 추가했습니다.
IgbListItem Selected
아코디언
- 새로운 이벤트를
Open추가하고Close
IgniteUI.Blazor
- 모든 그리드
- 속성을 통해
FilteringExpressionsTree초기 필터링 적용 허용
- 속성을 통해
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 25602 | Igb데이터 그리드 | 날짜별 필터 연산자 중 하나를 사용하여 레이아웃을 로드하면 TypeError 콘솔 오류가 발생합니다. |
| 28480 | IGB콤보 | 데이터 소스가 교체될 때 정의되지 않은 참조 오류가 발생합니다. |
| 32598 | Igb데이터 그리드 | 다중 선택이 제대로 작동하지 않습니다. |
| 36374 | Igb입력 | 이전 값은 모든 터치 장치에서 양식을 제출할 때 바인딩되었습니다. |
| 37214 | 일반적인 | Blazor의 WebCallback.Register ()에서 간헐적 인 오류가 발생합니다. |
24.2.92 (March 2025)
IgniteUI.Blazor
- 모든 그리드
- 그리드의 열에 새로
DisabledSummaries추가되어 개발자가 일부 요약을 건너뛸 수 있습니다. - Encapsulate internal grid action 버튼
- 그리드의 열에 새로
버그 수정
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 35497 | IgbDialog | ShowAsync 및 HideAsync가 호출되면 후속 코드가 실행되지 않습니다 |
24.2.85 (February 2025)
Enhancements
툴바
- 새로 추가됨
GroupHeaderTextStyle속성을Toolbar그리고IgbToolPanel. 설정하면 모든 항목에 적용됩니다.IgbToolActionGroupHeader작업. - 제목 텍스트의 수평 정렬을 제어하는 called
TitleHorizontalAlignment에IgbToolAction새로운 속성을 추가했습니다. - 패널 내부의 항목 사이의 간격을 제어하는 새로운 속성을 called
ItemSpacing에IgbToolActionSubPanel추가했습니다.
버그 수정
다음 표에는 이 릴리스의 Ignite UI for Blazor 도구 집합에 대한 버그 수정이 나열되어 있습니다.
| 버그 번호 | 제어 | 설명 |
|---|---|---|
| 26218 | 엑셀 라이브러리 | 차트의 플롯 영역 오른쪽 여백이 좁아지고 채우기 패턴과 채우기 전경이 Excel 파일을로드하는 것만으로 사라집니다. |
| 29998 | IGB콤보 | 변경 이벤트 콜백은 .NET 8에서 여러 번 발생했습니다. |
| 30286 | IgbData차트 | 거품 시리즈 도구 설명 내용이 거품을 클릭하면 근처의 거품 데이터 내용으로 전환됩니다. |
| 31344 | IGB그리드 | SelectedRows에 대한 양방향 바인딩이 작동하지 않습니다. |
| 32906 | IgbData차트 | IgbDataChart는 상단에 두 개의 xAxis를 표시합니다. |
| 33605 | IgbData차트 | ScatterLineSeries가 범례에서 선의 색을 올바르게 표시하지 않습니다. |
| 34053 | IgbRadial게이지 | 축척 레이블의 위치가 이동됩니다. |
| 34083 | 엑셀 라이브러리 | TextOperatorConditionalFormat's가 제대로 로드/저장되지 않음: 텍스트에 템플릿에 =가 포함되어 있으면 |
| 34149 | IGB그리드 | IgbGrid를 반복적으로 표시하고 숨기면 JS 힙에서 메모리 누수가 발생합니다. |
| 34224 | IGB그리드 | 렌더링 모드에 'InteractiveAuto'가 사용되는 경우 앱이 서버 모드에서 WebAssembly 모드로 변경될 때 'There are multiple .NET runtimes present' 오류가 발생합니다. |
| 34654 | IGB그리드 | 데이터에 빈 목록이 포함된 경우 NullReferenceException이 throw됩니다 |
| 34776 | IgbData차트 | IgbDataChart를 반복적으로 표시하거나 숨기면 JS 힙에서 메모리 누수가 발생합니다. |
| 35439 | IGB그리드 | 앱이 여러 탭에서 열릴 때 CPU 사용량 및 메모리 사용량이 비정상적으로 높습니다. |
| 35495 | 엑셀 라이브러리 | 템플릿 파일이 로드될 때 셀의 그림이 손실됩니다. |
| 35498 | IgbData차트 | IncludedSeries에 지정된 계열에 대한 도구 설명이 표시되지 않습니다. |
| 36024 | IGB그리드 | JS 힙 크기는 IgbGrid 구성 요소를 사용하여 두 페이지 간에 앞뒤로 이동할 때 줄어들지 않습니다. |
| 36176 | 엑셀 라이브러리 | LET 함수가 있는 Excel 통합 문서를 로드할 때 예외가 발생합니다. |
| 36379 | 엑셀 라이브러리 | Excel 통합 문서에서 알파 채널이 있는 색상이 로드되지 않음 |
24.2.71 (January 2025)
- 버그 수정
IgniteUI.Blazor
- 모든 그리드
- 구성 요소가 여러 중복 브라우저 탭에서 열릴 때 발생하는 심각한 메모리 누수가 수정되었습니다.
24.2.52 (December 2024)
IgniteUI.Blazor (Charts)
- 대시보드 타일 구성 요소는 바인딩된 ItemsSource 컬렉션 또는 단일 지점을 분석 및 시각화하고 데이터의 스키마 및 개수에 따라 적절한 데이터 시각화를 반환하는 컨테이너 컨트롤입니다. 이 컨트롤은 기본 제공 도구 모음 구성 요소를 활용하여 런타임에 시각화를 변경할 수 있으므로 최소한의 코드로 데이터의 다양한 시각화를 볼 수 있습니다.
IgniteUI.Blazor (Inputs)
- Color Editor는 독립 실행형 색상 선택기로 사용할 수 있으며 이제 ToolAction을 사용하여 런타임에 시각화를 업데이트합니다.
주요 변경 내용
- 버전 2024.2 릴리스와 Microsoft .NET 수명 주기에 따라 더 이상 .NET 3.1, .NET 5 또는 .NET 7을 지원하지 않습니다.
24.2.19 (November 2024)
일반적인
- 새로운 캐러셀 구성 요소.
IgbInput- 변경
change이벤트 인수 유형IgbComponentDataValueChangedEventArgs받는 사람IgbComponentValueChangedEventArgs
- 변경
24.1.46 (September 2024)
IgniteUI.Blazor (Charts)
새 데이터 파이 차트-
IgbDataPieChart원형 차트를 렌더링하는 새로운 구성 요소입니다. 이 구성 요소는 기본 데이터 모델의 속성을 자동으로 감지하는 동시에 ItemLegend 구성 요소를 통해 선택, 강조 표시, 애니메이션 및 범례 지원을 허용한다는 점에서 유사IgbCategoryChart하게 작동합니다.New Proportional Category Angle Axis- 원형 차트와 유사한 슬라이스를 그리기 위한 방사형 파이 시리즈의
IgbDataChart새로운 축으로, 데이터 포인트가 원형 그래프 내에서 세그먼트로 표시되는 데이터 시각화 유형입니다.-
New ToolActionCheckboxList 선택할 수 있는 확인란이 있는 항목 컬렉션을 표시하는 새로운 CheckboxList ToolAction입니다. ToolAction CheckboxList 내의 그리드는 높이가 최대 5개 항목까지 증가한 다음 스크롤 막대가 표시됩니다. IgbCheckboxListModule을 등록해야 합니다.
새로운 필터링 지원
축 필드 변경 사항: CategoryChart를 대상으로 할 때 도구 모음의 새로운 기본 IconMenu. 레이블 필드는 X축에 매핑되고 값 필드는 Y축에 매핑됩니다. 대상 차트는 변경 사항에 실시간으로 반응합니다. 차트에 ItemsSource가 설정되어 있지 않으면 IconMenu가 숨겨집니다.
일반적인
- 새로운 배너 구성 요소.
- 새로운 DatePicker 구성 요소.
- 새
IgbDivider구성 요소. IgbIcon- 메소드가 추가되었습니다
SetIconRef. 이를 통해 SVG 파일로 아이콘을 등록하고 바꿀 수 있습니다. - 이제 모든 구성 요소는 내부적으로 참조로 아이콘을 사용하므로 사용자 지정 템플릿을 명시적으로 제공하지 않고도 쉽게 바꿀 수 있습니다.
- 메소드가 추가되었습니다
IgbCombo,DatePicker,IgbDialog,IgbDropdown,IgbExpansionPanel,IgbNavDrawer,IgbToast,IgbSnackbar, IgbSelectComponent (영문)- Toggle methods
Show,Hide,methodsToggle는 성공 시 이제 true를 반환합니다. 그렇지 않으면 false 입니다.
- Toggle methods
IgbRadioGroup
주요 변경 사항:
- 이전 IgbDatePicker의 이름을 IgbXDatePicker로 변경했습니다.
- 구성 요소를 제거했습니다
Form. 대신 네이티브 형식을 사용합니다. - 다음 구성 요소에 대한 CSS 사용자 지정 속성을 위해
--ig-size속성을 제거size했습니다.IgbAvatar,IgbButton,IgbIconButton IgbCalendar IgbChip IgbDropdown IgbIcon IgbInput IgbList IgbRating IgbSnackbar IgbTabs IgbTree
IgbBadge,IgbChip,IgbLinearProgress,IgbCircularProgress- 속성 유형의 이름이 다음으로
StyleVariant바뀌었습니다Variant.
- 속성 유형의 이름이 다음으로
IgbCalendar- 속성 유형의 이름이 다음으로
WeekDays바뀌었습니다WeekStart.
- 속성 유형의 이름이 다음으로
IgbCheckbox,IgbSwitch- 변경
Change이벤트 인수 유형IgbComponentBoolValueChangedEventArgs받는 사람IgbCheckboxChangeEventArgs.
- 변경
IgbCombo- 는
IgbCombo이제 제네릭 형식이고Value형식은 이제 형식T[]입니다. 즉, 지정T해야 하거나 할당된Value형식에 의해 유추됩니다. - 제거
IgbPositionStrategy,Flip,SameWidth속성.
- 는
- IgbSelectComponent (영문)
- 제거
IgbPositionStrategy,Flip,SameWidth속성.
- 제거
IgbDateTimeInputIgbDropdown- 속성이 제거되었습니다
IgbPositionStrategy.
- 속성이 제거되었습니다
IgbInputIgbRadio- 변경
Change이벤트 인수 유형IgbComponentBoolValueChangedEventArgs받는 사람IgbRadioChangeEventArgs.
- 변경
IgbRangeSlider- 제거된
AriaThumbLower속성.AriaThumbUpper대신 and를ThumbLabelUpper사용합니다ThumbLabelLower.
- 제거된
IgbRating- 속성의 이름이
Readonly다음과 같이 바뀝니다ReadOnly.
- 속성의 이름이
IgniteUI.Blazor
- 모든 그리드
- 추가
GetColumns된/GetColumnsAsync메서드는 그리드 열 컬렉션을 반환합니다. - 새로운
RowClick이벤트가 추가되었습니다.
- 추가
IgbPivotGrid- 추가
Sortable에 대한 속성IgbPivotDimension. - 가로 레이아웃이 추가되었습니다. 새
PivotUI속성 내에서 다음과 같이 활성화할 수 있습니다RowLayoutHorizontal. - 수평 레이아웃에 대해서만 행 차원 요약을 추가했습니다. 각각에 대해 활성화할 수 있습니다.
IgbPivotDimension설정하여HorizontalSummary받는 사람 참. - 에 속성을
PivotUI추가하여HorizontalSummariesPosition수평 요약 위치를 구성합니다. - 행 차원에 대한 행 머리글을 추가했습니다. 새로운 내부에서 활성화할 수 있습니다.
PivotUI속성을ShowHeaders참. - 이제 키보드 탐색을 통해 행 차원 머리글 또는 열 머리글에서 앞뒤로 행 머리글로 이동할 수 있습니다.
- 행 차원 축소 사용 ALT + ← → ↑ ↓ 화살표 및 행 머리글 정렬 사용 CTRL + ↑ ↓ 화살표에 대한 키보드 상호 작용이 추가되었습니다.
- 추가
주요 변경 사항:
- 모든 그리드
IgbRowIsland- 더 이상 사용되지 않는 속성을 제거했습니다
DisplayDensity. - 이름을 바꿀
Columns,ActualColumns,ContentColumnsproperties 를ColumnList,ActualColumnList그리고ContentColumnList. 새로운 것을 사용하는 것이 좋습니다.GetColumns메서드를 대신 사용하십시오. - 이름이
RowDelete바뀌고RowAdd이벤트 인수 형식이 변경되었습니다IgbRowDataCancelableEventArgs. - 이름을 바꿀
ContextMenuevent 인수 유형을IgbGridContextMenuEventArgs. - 제거된
IgbGridEditEventArgs,IgbGridEditDoneEventArgs,IgbPinRowEventArgseventsRowID및PrimaryKey속성. 대신 사용하십시오RowKey.
IgbPivotGrid- 제거
ShowPivotConfigurationUI재산. 쓰다PivotUI그리고 그 안에 새로운 것을 설정하십시오.ShowConfiguration선택.
- 제거
IgbColumn- 속성이 제거되었습니다
Movable. 지금 Grid의Moving속성을 사용합니다. - 속성이 제거되었습니다
ColumnChildren. 대신 사용하십시오ChildColumns.
- 속성이 제거되었습니다
IgbColumnGroup- 속성이 제거되었습니다
Children. 대신 사용하십시오ChildColumns.
- 속성이 제거되었습니다
IgbPaginator- 제거된
IsFirstPageDisabled속성.IsLastPageDisabled대신 and를IsLastPage사용합니다IsFirstPage.
- 제거된
23.2.257 (June 2024)
일반적인
IgbInput,IgbTextarea- 사용자 입력을 제한하지 않고 유효성 검사 규칙을 적용할 수 있도록 노출ValidateOnly됩니다.IgbDropdown-IgbPositionStrategyproperty는 더 이상 사용되지 않습니다. 이제 드롭다운은 API를Popover사용하여 브라우저 뷰포트의 최상위 계층에서 컨테이너를 렌더링하므로 속성이 더 이상 사용되지 않습니다.IgbDockManager-IgbSplitPaneIsMaximized은(는) 더 이상 사용되지 않습니다. 분할 창 수준에서 isMaximized를 true로 설정하면 분할 창은 컨테이너로만 사용되므로 최대화된 상태로 표시할 실제 콘텐츠가 없으므로 실제 효과가 없습니다.IsMaximized대신 and/orIgbContentPane속성을IgbTabGroupPane사용합니다.
IgniteUI.Blazor
DisplayDensityCSS 사용자 정의 속성을 위해--ig-size더 이상 사용되지 않습니다. 자세한 내용은 그리드 크기 항목을 확인하세요.IgbPivotGrid- 옵션의 열, 행, 필터PivotConfiguration의 유형은 이제 IgbPivotDimension -PivotDimension[] PivotDimensionCollection의 배열입니다.
옵션의 PivotConfiguration 값 형식은 이제 IgbPivotValue -PivotValue[] PivotValueCollection의 배열입니다.
IgniteUI.Blazor (Charts)
- 데이터 범례 그룹화 및 데이터 툴팁 그룹화- 새로운 그룹화 기능이 추가되었습니다. 이 속성은
GroupRowVisible각 시리즈로 그룹화를 전환하고 옵트인하면 속성을 통해 그룹 텍스트를 할당할 수 있습니다DataLegendGroup. 동일한 값이 둘 이상의 시리즈에 적용되면 그룹화되어 표시됩니다. 모든 사용자에 대해 분류하고 구성해야 하는 대규모 데이터 세트에 유용합니다.
차트 선택- 새로운 시리즈 선택 스타일. 이것은 모든 범주, 금융 및 방사형 시리즈에 걸쳐 광범위하게 채택됩니다.
IgbCategoryChart IgbDataChart시리즈를 클릭하면 다른 색상을 표시하고, 밝게 또는 희미하게 표시하고, 윤곽선에 초점을 맞출 수 있습니다. 개별 계열 또는 전체 데이터 항목을 통해 영향을 받는 항목을 관리합니다. 여러 시리즈와 마커가 지원됩니다. 특정 데이터 항목의 값 간의 다양한 차이점 또는 유사점을 설명하는 데 유용합니다. 또한SelectedSeriesItemsChanged이벤트는SelectedSeriesItems선택 사항에 기반한 데이터 분석이 있는 팝업 또는 기타 화면과 같은 애플리케이션 내에서 발생할 수 있는 다른 작업을 둘러싼 강력한 비즈니스 요구 사항을 구축하는 데 도움이 됩니다.Proportional Category Angle Axis- Radial Pie Series의 새로운 축으로
IgbDataChart, 파이 차트를 만들 수 있도록 하여 데이터 차트의 추가 기능을 모두 사용하여 강력한 시각화를 허용합니다.Treemap Highlighting- 이제 트리 맵에
HighlightingMode있는 항목의 마우스 오버 강조 표시를 구성할 수 있는 속성을 노출합니다. 이 속성은 두 가지 옵션을 사용합니다 :Brighten강조 표시는 마우스를 올려 놓은 항목에만 적용되고FadeOthers, 호버 된 항목의 강조 표시는 동일하게 유지되지만 다른 모든 항목은 페이드 아웃됩니다. 이 강조 표시는 애니메이션되며 속성을 사용하여HighlightingTransitionDuration제어할 수 있습니다.트리맵 퍼센트 기반 하이라이트- 새로운 퍼센트 기반 하이라이트를 통해 노드가 컬렉션의 진행 상황 또는 하위 집합을 나타낼 수 있습니다. 모양은 데이터 항목의 멤버에 의해 또는 새
HighlightedDataSource항목을 제공하여 특정 값까지 배경색을 채우는 것으로 표시됩니다. 를 통해HighlightedValuesDisplayMode전환하고 스타일을 지정할FillBrushes수 있습니다.Toolbar- 선택한 특정 도구 주위의 테두리를 윤곽선으로 표시하기 위한 ToolAction에 대한 새로운IsHighlighted옵션.
IgniteUI.Blazor (Gauges)
IgbRadialGauge- 강조 표시 바늘의 새 레이블입니다.
HighlightLabelText그리고HighlightLabelSnapsToNeedlePivotHighlightLabel에 대한 다른 많은 스타일 관련 속성이 추가되었습니다.
- 강조 표시 바늘의 새 레이블입니다.
23.2.204 (March 2024)
IgniteUI.Blazor (Charts)
속성을 통한 데이터 필터링. InitialFilter 필터 표현식을 적용하여 차트 데이터를 레코드의 하위 집합으로 필터링합니다. 대용량 데이터를 드릴다운하는 데 사용할 수 있습니다.
IgbBulletGraph- 이제 성능 표시줄에 '오버레이' 설정에 적용될 때
HighlightValueDisplayMode값과 새HighlightValue값의 차이가 반영됩니다. 하이라이트 값에는 필터링된/하위 집합 측정 백분율이 채워진 색상으로 표시되고 나머지 막대의 모양은 할당된 값으로 흐리게 표시되어 실시간으로 성능을 보여줍니다.
- 이제 성능 표시줄에 '오버레이' 설정에 적용될 때
IgbLinearGauge- 새로운 하이라이트 바늘이 추가되었습니다.
HighlightValue HighlightValueDisplayMode둘 다 값과 '오버레이' 설정이 제공되면 주 바늘이 흐리게 보이고 새 바늘이 나타납니다.
- 새로운 하이라이트 바늘이 추가되었습니다.
IgbRadialGauge- 새로운 하이라이트 바늘이 추가되었습니다.
HighlightValue HighlightValueDisplayMode둘 다 값과 '오버레이' 설정이 제공되면 주 바늘이 흐리게 보이고 새 바늘이 나타납니다.
- 새로운 하이라이트 바늘이 추가되었습니다.
23.2.191 (April 2024)
- 버그 수정
23.2.189 (March 2024)
New Components
- Hierarchical Grid 구성 요소
- Text Area 구성 요소
- Button Group 구성 요소
New Features
IgbDockManager- 새
ProximityDock속성. 사용하도록 설정하면 도킹 표시기가 표시되지 않으며 최종 사용자는 드래그한 창을 대상 창 가장자리 가까이로 끌어 도킹할 수 있습니다. - 새
ContainedInBoundaries속성. 부동 창이 Dock Manager 경계 내에 유지되는지 여부를 결정합니다. 기본값은 입니다false. - 새
ShowPaneHeaders속성. 창 머리글이 마우스로 가리킬 때만 표시되는지 아니면 항상 표시되는지를 결정합니다. 기본값은 입니다always.
- 새
IgbTree- 노드를 클릭하면 확장 상태가 변경되는지 여부를 결정하는 속성이 추가되었습니다
toggleNodeOnClick. 기본값은 입니다false.
- 노드를 클릭하면 확장 상태가 변경되는지 여부를 결정하는 속성이 추가되었습니다
IgbRatingallowReset추가. 활성화된 경우 동일한 값을 선택하면 구성 요소가 재설정됩니다. 동작 변경- 이전 릴리스에서는 등급 구성 요소의 기본 동작이었습니다. 응용 프로그램에서 이 동작을 유지해야 하는지 여부를 설정해야allowReset합니다.
Select,IgbDropdown- exposed
selectedItem,itemsandgroupsgetters
- exposed
IgbRadialGauge- 새로운 제목/자막 속성.
TitleText,SubtitleText게이지 아래쪽에 나타납니다. 또한 다음과 같은 다양한 제목/부제목 글꼴 속성이 추가되었습니다.TitleFontSize,TitleFontFamily,TitleFontStyle,TitleFontWeight그리고TitleExtent. 마지막으로, 새로운TitleDisplaysValue값이 바늘의 위치와 일치할 수 있습니다. - 에 대한 새로운
OpticalScalingEnabled및OpticalScalingSize속성.IgbRadialGauge이 새로운 기능은 게이지의 레이블, 제목 및 자막에 100% 광학 배율이 적용되는 크기를 관리합니다. 이 새로운 기능에 대한 자세한 내용은 여기에서 확인할 수 있습니다. - 새로운 하이라이트 바늘이 추가되었습니다.
HighlightValue HighlightValueDisplayMode둘 다 값과 '오버레이' 설정이 제공되면 주 바늘이 흐리게 보이고 새 바늘이 나타납니다.
- 새로운 제목/자막 속성.
XamRadialChart- 새 레이블 모드
IgbCategoryAngleAxisfor the now는LabelMode레이블의 위치를 추가로 구성할 수 있는 속성을 노출합니다. 이렇게 하면 열거형을 선택하여Center기본 모드 사이를 전환하거나 새 모드를ClosestPoint사용하여 레이블을 원형 플롯 영역에 더 가깝게 가져올 수 있습니다.
- 새 레이블 모드
일반적인
IgbInput,IgbMaskInput,IgbDateTimeInput,IgbRatingReadonly이(가) 로 이름이 변경되었습니다.ReadOnly
IgbInput
Deprecations
- 속성 및 특성은
size모든 구성 요소에서 더 이상 사용되지 않습니다.--ig-size대신 CSS 사용자 정의 속성을 사용하십시오. 다음 예제에서는 avatar 구성 요소의 크기를 small로 설정합니다..avatar { --ig-size: var(--ig-size-small); } IgbDateTimeInputIgbRangeSliderAriaLabelLower그리고AriaLabelUpper속성은 더 이상 사용되지 않습니다. 대신 및ThumbLabelUpper를 사용하십시오ThumbLabelLower.
Removed
- 기본 속성을 가리는 자체
dir속성을 제거했습니다. 이는 호환성이 손상되지 않는 변경입니다. IgbSlider-ariaLabelshadowed 속성. 이는 호환성이 손상되지 않는 변경입니다.IgbCheckbox-ariaLabelledByshadowed 속성. 이는 호환성이 손상되지 않는 변경입니다.IgbSwitch-ariaLabelledByshadowed 속성. 이는 호환성이 손상되지 않는 변경입니다.IgbRadio-ariaLabelledByshadowed 속성. 이는 호환성이 손상되지 않는 변경입니다.
23.2.110 (January 2024)
.NET 8.0 support
- 2023.2 릴리스는 이제 .NET 8을 지원합니다. .NET 8에 대한 자세한 내용은 Microsoft 사이트의 이 문서를 참조하세요.
IgniteUI.Blazor (Charts)
- 차트 강조 표시 필터-
IgbCategoryChart이제 데이터IgbDataChart하위 집합 안팎으로 강조 표시하고 애니메이션하는 방법을 노출합니다. 이 강조 표시는 시리즈 유형에 따라 다릅니다. 열 및 영역 계열의 경우 하위 집합은 전체 데이터 집합 위에 표시되며 하위 집합은 계열의 실제 브러시로 색상이 지정되고 전체 집합의 불투명도가 감소합니다. 라인 시리즈의 경우 하위 집합이 점선으로 표시됩니다.
23.2.97 (December 2023)
IgniteUI.Blazor - Toolbar -
- 클립보드를 통해 차트를 이미지로 저장하는 저장 도구 작업이 추가되었습니다.
- 수직 방향은 도구 모음의
Orientation속성을 통해 추가되었습니다. 기본적으로 도구 모음은 수평이며, 이제 도구 모음을 수직 방향으로 표시할 수 있으며 여기서 도구는 왼쪽/오른쪽으로 정중하게 팝업됩니다. - 도구 모음의 방법을 통해 사용자 지정 SVG 아이콘 지원이 추가되어 사용자 지정 도구 생성이 더욱 향상되었습니다
renderImageFromText.
IgniteUI.Blazor (Grid)
- 새로운 기능 추가 -상태 지속성
23.1.37 (June 2023)
New Components
- Toolbar- 구성 요소는 주로 차트 구성 요소와 함께 사용되는 UI 작업을 위한 동반 컨테이너입니다. 도구 모음은 또는
IgbDataChart IgbCategoryChart구성 요소에 연결될 때 속성 및 도구의 사전 설정으로 동적으로 업데이트되지만 프로젝트에 대한 사용자 지정 도구를 만들 수 있는 기능도 제공합니다.
IgniteUI.Blazor (Charts)
ValueLayer- 이제
IgbValueLayer라는 새로운 계열 유형이 노출되어 최대, 최소 및 평균과 같이 플롯된 데이터의 다양한 초점에 대한 오버레이를 렌더링할 수 있습니다. 이는 새ValueLines컬렉션에 추가하여IgbCategoryChart및IgbFinancialChart에 적용됩니다.이제 대시 배열 시리즈의 다양한 부분에
IgbDataChart. 이것을 다음에 적용할 수 있습니다. 시리즈 차트에 그려진, 눈금선 차트의 추세선 차트에 표시된 시리즈 중 하나입니다.
22.2.65 (April 2023)
New Components
New Components
IgniteUI.Blazor (Data Grid)
-
Detail의IgbRowDataEventArgs에 새 인수PrimaryKey도입되었으며RowAdded및RowDeleted이벤트에서 생성된 이벤트 인수의 일부도 포함되었습니다. 그리드에 기본 키 속성이 추가된 경우 생성된 기본 키 이벤트 인수는 행 ID를 나타내며, 그렇지 않은 경우 기본값은 null입니다. RowSelectionChanging이벤트 인수가 변경되었습니다. 이제OldSelection,NewSelection,Added및Removed컬렉션은 그리드가 기본 키를 설정할 때 더 이상 선택한 요소의 행 키로 구성되지 않지만 이제 어떤 경우에도 행 데이터가 내보내집니다.- 그리드가 원격 데이터로 작업 중이고 기본 키가 설정된 경우 현재 그리드 보기의 일부가 아닌 선택한 행이 부분 행 데이터 개체에 대해 내보내집니다.
- 선택한 행이 그리드 구성 요소에서 삭제되면
RowSelectionChanging이벤트가 더 이상 발생하지 않습니다. -
OnGroupingDone이벤트는 접두사가 붙지 않은 출력 규칙을 위반하지 않도록GroupingDone으로 이름이 변경되었습니다. -
OnDensityChanged이벤트는 접두사가 없는 출력 규칙을 위반하지 않도록DensityChanged로 이름이 변경되었습니다. 이 이벤트를 노출하는 모든 구성요소가 영향을 받습니다.
IgniteUI.Blazor (Pivot Grid)
- The
IgbPivotDateDimensionpropertiesInBaseDimensionandInOptionhave been deprecated and renamed toBaseDimensionandOptionsrespectively.
IgniteUI.Blazor (Inputs)
IgbDateTimeInput, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePartIgbRadio및IgbRadioGroup, 잘못된 상태에 대한 스타일과 함께 구성 요소 유효성 검사 추가Mask, 마스크 패턴 리터럴을 이스케이프하는 기능을 추가했습니다.IgbBadge을 추가했습니다Shape배지의 모양을 제어하는 속성이며 다음 중 하나일 수 있습니다.Square또는Rounded. 배지의 기본 모양은 둥근 모양입니다.IgbAvatar,RoundShape속성은 더 이상 사용되지 않으며 향후 버전에서 제거될 예정입니다. 사용자는 새로 추가된Shape속성(Square,Rounded또는Circle을 통해 아바타의 모양을 제어할 수 있습니다. 아바타의 기본 모양은Square입니다.
IgniteUI.Blazor (DockManager)
- Dock Manager의 Panes 컬렉션에는 이제 보호된 setter가 있습니다. 창을 만들 때 중첩된 구조에 창을 설정하는 대신 Add를 호출해야 합니다.
22.2.50 (December 2022)
New Components
22.1.76 (November 2022)
New Components
IgniteUI.Blazor (Charts)
기본 동작에 대한 상당한 개선 사항이 추가되었으며 카테고리 차트 API를 더 쉽게 사용할 수 있도록 개선되었습니다. 이러한 새로운 차트 개선 사항은 다음과 같습니다.
- 브라우저/화면 크기에 따라 수평 라벨 회전을 위한 반응형 레이아웃.
- 모든 플랫폼에서 둥근 레이블에 대한 향상된 렌더링.
- StackedFragmentSeries에 마커 속성을 추가했습니다.
- Added
ShouldPanOnMaximumZoomproperty. - 새 범주 축 속성:
- ZoomMaximumCategoryRange
- ZoomMaximumItemSpan
- ZoomToCategoryRange
- ZoomToItemSpan
- 범주 문자열 및 숫자 값을 그룹화, 정렬 및 요약하기 위한 새로운 차트 집계 API로 차트 데이터를 미리 집계하거나 계산할 필요가 없습니다.
- 초기 정렬 설명
- 초기 정렬
- 정렬 설명
- 초기 그룹
- 초기 그룹 설명
- 그룹 설명
- 초기 요약
- 초기 요약 설명
- 요약설명
- 초기 그룹 정렬 설명
- 그룹 정렬
- 그룹 정렬 설명
[!Note] Chart Aggregation will not work when using
IncludedProperties|ExcludedProperties. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.
IgniteUI.Blazor (Data Grid)
- Changed IgbColumn to
IgbDataGridColumn - Changed GridCellEventArgs to
IgbDataGridCellEventArgs - GridSelectionMode를
DataGridSelectionMode - Changed SummaryOperand to
DataSourceSummaryOperand
22.1.41 (June 2022)
IgniteUI.Blazor (Charts)
- 고도로 구성 가능한 추가 데이터 범례와 매우 유사하게 작동하는 구성요소
Legend이지만 계열 값을 표시하고 계열 행 및 값 열 필터링, 값 스타일 지정 및 서식 지정을 위한 많은 구성 속성을 제공합니다. - 도구 설명에 시리즈의 범례 배지뿐만 아니라 시리즈의 값과 제목을 표시하는 고도로 구성 가능한 DataToolTip을 추가했습니다. 이것은 이제 모든 차트 유형에 대한 기본 도구 설명입니다.
- Stacked Series에 대한 애니메이션 및 전환 지원이 추가되었습니다.
IsTransitionInEnabled속성을 true로 설정하면 애니메이션을 활성화할 수 있습니다. 여기에서TransitionInDuration속성을 설정하여 애니메이션이 완료되는 데 걸리는 시간을 결정하고TransitionInMode설정하여 발생하는 애니메이션 유형을 결정할 수 있습니다. - 추가된
AssigningCategoryStyle이벤트는 이제 모든 시리즈에서 사용할 수 있습니다IgbDataChart. 이 이벤트는 background-color 및 highlighting과 같은Fill계열 항목의 측면을 조건부로 구성하려는 경우에 처리됩니다. - CalloutLayer에 대한 새로운
AllowedPositions열거입니다. 차트 내에서 설명선을 배치할 위치를 제한하는 데 사용됩니다. 기본적으로 콜아웃은 최적의 위치에 지능적으로 배치되지만 이는TopLeft,TopRight,BottomLeft또는BottomRight을 강제하는 데 사용됩니다. - 주석 레이어에 대한 새로운 모서리 반경 속성이 추가되었습니다. 각 콜아웃의 모서리를 둥글게 만드는 데 사용됩니다. 이제 코너 반경이 기본적으로 추가되었습니다.
CalloutCornerRadiusfor CalloutLayerAxisAnnotationBackgroundCornerRadiusfor FinalValueLayerXAxisAnnotationBackgroundCornerRadiusandYAxisAnnotationBackgroundCornerRadiusfor CrosshairLayer
- 다양한 방법으로 스크롤 막대를 활성화하는 새로운
HorizontalViewScrollbarMode및VerticalViewScrollbarMode열거형입니다.IsVerticalZoomEnabled또는IsHorizontalZoomEnabled와 함께 사용하면 축을 따라 스크롤 막대를 지속하거나 페이드 인 및 아웃하여 차트를 탐색할 수 있습니다. - 새로운
FavorLabellingScaleEnd는 축이 스케일 끝에서 레이블 방출을 선호해야 하는지 여부를 결정합니다. 숫자 축(예:IgbNumericXAxis,IgbNumericYAxis,PercentChangeAxis)과만 호환됩니다. - 새로운
IsSplineShapePartOfRange축의 요청된 축 범위에 스플라인 모양을 포함할지 여부를 결정합니다. - 새로운
XAxisMaximumGap XAxisGap사용할 때 플롯된 계열에 대해 허용되는 최대 값을 결정합니다. 간격은 표시된 계열의 열이나 막대 사이의 간격을 결정합니다. - 새로운
XAxisMinimumGapSize는XAxisGap사용할 때 플롯된 계열에 대해 허용되는 최소 픽셀 기반 값을 결정하여 각 범주 사이에 항상 약간의 간격이 있는지 확인합니다.
IgniteUI.Blazor (Data Grid)
큰 데이터 집합을 유사한 콘텐츠가 있는 페이지 시퀀스로 분할하는 데 사용되는 새 기능 -행 페이징이 추가되었습니다. 페이지 매김을 사용하면 데이터를 설정된 행 수로 표시할 수 있으므로 사용자가 스크롤 막대 없이 데이터를 "스크롤"할 수 있습니다. 테이블 페이지 매김을 위한 UI에는 일반적으로 현재 페이지, 총 페이지, 사용자가 데이터 페이지를 넘길 수 있는 클릭 가능한 이전 및 다음 화살표/단추 등이 포함됩니다.
IgniteUI.Blazor (Dock Manager)
- 이제 Blazor Dock Manager가 상태는 다양한 크기, 위치 및 동작이 있는 다양한 유형의 창을 사용하여 복잡한 레이아웃을 관리하는 방법을 제공하고 앱 내의 다양한 위치에 도킹할 수 있습니다. Dock Manager를 사용하면 최종 사용자가 창을 고정, 크기 조정, 이동, 부동 및 숨기기 방식으로 추가로 사용자 지정할 수 있습니다.
New Components
21.2.52 (December 2021)
[!Note] The following breaking changes were introduced
IgniteUI.Blazor (Data Grid)
-
ValueField속성이 string[] 유형에서 string으로 변경되었습니다.
IgniteUI.Blazor (Inputs)
- 새
ValueChanged이벤트는 2방향 바인딩을 지원하며 속성을 바인딩Value하지 않은 경우에만 처리해야 합니다. 데이터 바인딩ValueChanged없이 컨트롤에서 Value 필드를 읽으려면 이벤트를 처리해야 하며, 그렇지 않으면 데이터가 바인딩되지 않은 경우 GetCurrentValueAsync를 사용하여 컨트롤 Value를 읽어야 합니다.
날짜 선택기
- Changed
ValueChangedevent toSelectedValueChanged.
Multi-Column ComboBox
-
TextChanged이벤트를TextValueChanged로 변경했습니다. - Changed
ValueChangedevent toSelectedValueChanged.
21.2.22 (November 2021)
[!Note] The Igb prefix is now required for the Ignite UI for Blazor components and nested elements within each component. This API change was necessary to avoid ambiguity between Infragistics controls and 3rd party controls.
For example,
<CategoryChart/>instead of<CategoryChart/>
New Components
Chart and Map Improvements
이 릴리스에서는 지리적 맵 및 모든 차트 구성 요소에 대한 시각적 디자인 및 구성 옵션에 대한 몇 가지 개선 사항 및 단순화를 소개합니다.
- 변경됨
YAxisLabelLocation속성 유형 YAxisLabelLocation ~에서 AxisLabelLocation ~에IgbFinancialChart그리고IgbCategoryChart - Changed
XAxisLabelLocationproperty's type to XAxisLabelLocation from AxisLabelLocation inIgbFinancialChart - Added
XAxisLabelLocationproperty toIgbCategoryChart - 범례에
IgbGeographicMap의 지리적 계열을 표현하기 위한 지원이 추가되었습니다. - Added crosshair lines by default in
IgbFinancialChartandIgbCategoryChart - Added crosshair annotations by default in
IgbFinancialChartandIgbCategoryChart - Added final value annotation by default in
IgbFinancialChart - 카테고리 차트 및 금융 차트에 새 속성이 추가되었습니다.
- 십자선 선을 사용자 정의하기 위한
CrosshairsLineThickness및 기타 속성 CrosshairsAnnotationXAxisBackground및 십자선 주석 사용자 정의를 위한 기타 속성- 최종 값 주석을 사용자 정의하기 위한
FinalValueAnnotationsBackground및 기타 속성 - 계열 채우기의 불투명도를 변경할 수 있는
AreaFillOpacity(예: 영역 차트) - 마커의 두께를 변경할 수 있는
MarkerThickness
- 십자선 선을 사용자 정의하기 위한
- 카테고리 차트, 금융 차트, 데이터 차트 및 지리 지도에 새 속성을 추가했습니다.
- 동일한 차트의 여러 시리즈에 할당할 마커 유형을 허용하는
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 (Data Grid)
- 새로운 기능이 추가되었습니다:
- New API:
-
SelectionChanged이벤트가 추가되었습니다. 다중 행 선택과 같은 선택 상호 작용의 변경 사항을 감지하는 데 사용됩니다.
-
- 주요 변경 사항:
- Changed grid's SummaryScope property's type to SummaryScope from
DataSourceSummaryScope - Changed GroupHeaderDisplayMode property's type to GroupHeaderDisplayMode from
DataSourceSectionHeaderDisplayMode
- Changed grid's SummaryScope property's type to SummaryScope from
21.1.52 (April 2021)
New Visual Designs
Charts & Maps
이 릴리스에서는 모든 차트 구성 요소에 대한 몇 가지 새롭고 향상된 시각적 디자인 및 구성 옵션(예: IgbDataChart, IgbCategoryChart, and IgbFinancialChart)을 소개합니다.
- Bar/Column/Waterfall 시리즈가 둥근 모서리 대신 정사각형 모서리를 갖도록 변경됨
- Scatter High Density 시리즈의 heat min 속성 색상을 #8a5bb1에서 #000000으로 변경
- Scatter High Density 시리즈의 heat max 속성 색상이 #ee5879에서 #ee5879로 변경되었습니다.
- 금융/폭포 시리즈의
NegativeBrush및NegativeOutline속성이 #C62828에서 #ee5879로 변경되었습니다. - 마커의 두께를 1px에서 2px로 변경
-
IgbPointSeries,IgbBubbleSeries,IgbScatterSeries,IgbPolarScatterSeries에 대한 마커 윤곽선과 일치하도록 마커 채우기를 변경했습니다.MarkerFillMode속성을 Normal로 설정하여 이 변경 사항을 취소할 수 있습니다. -
IgbTimeXAxis및IgbOrdinalTimeXAxis에 대한 압축 라벨링 - 새 마커 속성:
- 시리즈.
MarkerFillMode- 마커가 윤곽선에 따라 달라지도록MatchMarkerOutline으로 설정할 수 있습니다. - 시리즈.
MarkerFillOpacity- 0~1 사이의 값으로 설정할 수 있습니다. - 시리즈.
MarkerOutlineMode- 마커의 윤곽선이 채우기 브러시 색상에 따라 달라지도록MatchMarkerBrush로 설정할 수 있습니다.
- 시리즈.
- 새 시리즈 속성:
- 시리즈.
OutlineMode- 시리즈 개요 표시 여부를 전환하도록 설정할 수 있습니다. 데이터 차트의 경우 속성은 시리즈에 있습니다.
- 시리즈.
- 차트가 기본 확대/축소 수준에 있을 때 뷰포트에 도입되는 영역의 블리드를 정의하는 새로운 차트 속성입니다. 일반적인 사용 사례는 축과 첫 번째/마지막 데이터 포인트 사이에 공간을 제공하는 것입니다. 아래 나열된
ComputedPlotAreaMarginMode는 마커가 활성화되면 자동으로 여백을 설정합니다. 다른 것들은 두께를 나타내기 위해Double을 지정하도록 설계되었으며, 여기서 PlotAreaMarginLeft 등은 차트의 네 측면 모두에 대한 공간을 조정합니다.- chart.
PlotAreaMarginLeft - chart.
PlotAreaMarginTop - chart.
PlotAreaMarginRight - chart.
PlotAreaMarginBottom - chart.
ComputedPlotAreaMarginMode
- chart.
- 새 하이라이트 속성
- 차트.
HighlightingMode- 호버링된 시리즈 또는 호버링되지 않은 시리즈를 페이드하거나 밝게 할지 설정합니다. - 차트.
HighlightingBehavior- 마우스 위치(예: 항목 바로 위 또는 가장 가까운 항목)에 따라 계열을 강조 표시할지 여부를 설정합니다. - 참고로 이전 릴리스에서는 강조 표시가 호버 시 페이드되는 것으로 제한되었습니다.
- 차트.
- 스택형, 분산형, 극좌표, 방사형 및 도형 시리즈 강조 표시 추가:
- Stacked, Scatter, Polar, Radial 및 Shape 시리즈에 주석 레이어를 추가했습니다.
- 누적 시리즈 내에서 개별 스택 조각의 데이터 소스를 재정의하기 위한 지원이 추가되었습니다.
- Stacked, Scatter, Range, Polar, Radial 및 Shape 시리즈에 사용자 정의 스타일 이벤트 추가
- 세로 확대/축소를 시리즈 콘텐츠에 자동으로 동기화하는 지원 추가
- 표시된 초기 레이블을 기반으로 차트의 가로 여백을 자동으로 확장하는 지원이 추가되었습니다.
- 계열 및 마커의 재설계된 색상 팔레트:
| 오래된 브러시/윤곽선 | 새로운 아웃라인/브러시 |
|---|---|
| #7446B9 #9FB328 #F96232 #2E9CA6 #DC3F76 #FF9800 #3F51B5 #439C47 #795548 #9A9A9A |
#8bdc5c #8b5bb1 #6db1ff #f8a15f #ee5879 #735656 #f7d262 #8ce7d9 #e051a9 #a8a8b7 |
예를 들어:
![]() |
![]() |
![]() |
![]() |
차트 범례
- Bubble, Donut, 파이 차트와 함께 사용할 수 있는 ItemLegend에 가로
Orientation속성을 추가했습니다. - Added
LegendHighlightingModeproperty - Enables series highlighting when hovering over legend items
지리적 지도
[!Note] These features are CTP
- 지도의 랩 어라운드 표시에 대한 지원 추가(가로 무한 스크롤)
- 좌표 원점을 둘러싸는 동안 일부 지도 시리즈의 디스플레이 이동에 대한 지원이 추가되었습니다.
- 도형 계열 강조 표시 지원 추가
- 모양 시리즈의 일부 주석 레이어에 대한 지원 추가
IgniteUI.Blazor (Data Grid)
- Added
EditOnKeyPressaka Excel-style Editing, instantly begin editing when typing. -
EditModeClickAction속성이 추가되었습니다. - 기본적으로 편집 모드로 들어가려면 두 번 클릭해야 합니다. 새 셀을 선택할 때 편집 모드가 발생하도록 하려면SingleClick으로 설정할 수 있습니다. -
EnterKeyBehaviors속성 추가(일명 Excel 스타일 탐색(Enter 동작)) – Enter 키의 동작을 제어합니다. 예를 들어 옵션은 (없음, 편집, 위, 아래, 왼쪽, 오른쪽으로 이동)입니다. -
EnterKeyBehaviorAfterEdit속성이 추가되었습니다. - 편집 모드에 있는 동안 이 속성은 Enter 키를 눌렀을 때를 제어합니다. 예를 들어 옵션은 다음과 같습니다(아래, 위, 오른쪽, 왼쪽 셀로 이동). - Added
SelectAllRows- method. - 행 범위 선택 추가 -
GridSelectionMode속성이 MultipleRow로 설정된 경우 이제 다음과 같은 새로운 기능이 포함됩니다.- 행을 선택하려면 클릭하고 드래그하세요.
- SHIFT을 클릭하여 여러 행을 선택합니다.
- SHIFT을 누르고 + ↓ 화살표 키를 눌러 ↑ 여러 행을 선택합니다.
- 스페이스바를 누르면 MultipleRow 또는 SingleRow로 설정된
GridSelectionMode속성을 통해 활성 행 선택이 전환됩니다. - Added Column Summaries to Column Options Dialog.
IgniteUI.Blazor (Inputs)
날짜 선택기
ShowTodayButton- 오늘 버튼 가시성 전환Label- 날짜 값 위에 라벨을 추가합니다.Placeholder속성 - 선택된 값이 없을 때 사용자 정의 텍스트를 추가합니다.FormatString- 입력 날짜 문자열 사용자 정의(예: (yyyy-MM-dd)DateFormat- 선택한 날짜를 LongDate 또는 ShortDate로 표시할지 여부를 지정합니다.FirstDayOfWeek- 주의 첫 번째 요일을 지정합니다.FirstWeekOfYear- 한 해의 첫 번째 주를 표시할 시기를 지정합니다(예: 첫 번째 전체 주, 처음 4일 주).ShowWeekNumbers- 주 번호 가시성 전환MinDate&MaxDate- 날짜 제한, 사용 가능한 선택 가능한 날짜 범위 지정.- 추가된 접근성



