내용으로 건너뛰기
Ignite UI for Blazor– 22.2의 새로운 기능

Ignite UI for Blazor– 22.2의 새로운 기능

Ignite UI for Blazor 22.2 릴리스에는 아코디언, DateTime 입력, 선택 및 탭의 5가지 새로운 구성 요소와 새로운 최신 데이터 그리드 및 트리 그리드가 포함되어 있습니다. 더 알아보세요!

5min read

오늘 Ignite UI for Blazor 22.2 릴리스에는 아코디언, DateTime 입력, 선택 및 탭 구성 요소와 같은 5개의 새로운 구성 요소가 포함되어 있습니다. 뿐만 아니라 시장에 나와 있는 Blazor 그리드 중 가장 많은 기능과 최고의 성능을 갖춘 새로운 최신 데이터 그리드 및 트리 그리드입니다. 이렇게 대규모 출시를 통해 저희가 거기서 멈췄다고 생각하셨을 수도 있지만, 저희는 그렇지 않았습니다. 우리는 또한 시장을 선도하는 데이터 시각화 차트를 많이 개선했습니다.

오늘 Ignite UI for Blazor 22.2 릴리스에서 출시되는 모든 새로운 구성 요소와 기능에 대한 높은 수준의 보기를 얻을 시간입니다.

The NEW Blazor Data Grid

새로운 Blazor 데이터 그리드 구성 요소는 데이터를 테이블 형식으로 빠르고 쉽게 표시하는 데 사용됩니다. 데이터 그리드는 데이터 편집, 선택, 필터링, 정렬, 그룹화, 고정, 페이징, 템플릿, 열 이동, 내보내기 등과 같은 기능으로 가득 찬 최신 그리드 구성 요소입니다. Ignite UI for Blazor에 제공된 이전 그리드와 비교하여 새로운 데이터 그리드에는 훨씬 더 많은 기능, 더 풍부한 API 및 기본 제공 테마가 있습니다.

이 발표에서 가장 중요한 부분은 이것이 기존 Blazor Data Grid를 대체할​ ​완전히 새로운 Data Grid라는 것입니다. 즉, 이전 Blazor Data Grid를 사용하는 경우 이 새로운 Data Grid로 이전 그리드를 업데이트해야 합니다.

낡은 것은 버리고, 새로운 것은 함께하라!

 The NEW Blazor Data Grid

Blazor Tree Grid

Tree Grid 구성 요소는 다중 열 자체 참조 계층 데이터를 표 형식으로 시각화하는 데 사용됩니다. 기존 Data Grid 구성 요소를 기반으로 구축된 Tree Grid는 Data Grid의 모든 뛰어난 기능을 계승하여 편집, 필터링, 정렬, 요약 등을 위한 친숙한 API와 원활한 개발 환경을 제공합니다.

 Blazor Tree Grid

Blazor Accordion

Blazor 아코디언은 수직으로 쌓인 패널로 구성된 구성 요소 모음을 구축하기 위한 구성 요소로, 패널을 확장 및 축소할 수 있는 클릭 가능한 헤더가 있습니다. 아코디언은 일반적으로 단일 페이지에서 콘텐츠의 여러 섹션을 스크롤할 필요성을 줄이는 데 사용됩니다. 키보드 탐색과 API를 제공하여 기본 패널의 확장 상태를 제어합니다.

 Blazor Accordion

Blazor DataTime Input

Ignite UI for Blazor DateTime 입력을 사용하면 선택한 입력 요소에서 날짜와 시간을 설정하고 편집할 수 있습니다. 사용자는 편집 가능한 마스킹된 입력을 사용하여 날짜 및 시간 부분을 모두 편집할 수 있습니다. 또한 원하는 표시 및 입력 형식과 최소값 및 최대값을 지정하여 유효성 검사를 활용할 수 있습니다.

 Blazor DataTime Input

Blazor 셀렉트

Blazor Select 구성 요소를 사용하면 드롭다운에 배치된 항목 목록에서 단일 항목을 선택할 수 있습니다. 이 양식 컨트롤은 단일 또는 여러 문자 일치를 기반으로 선택을 포함하여 빠른 항목 목록 탐색을 제공합니다. Select 구성 요소는 사용자 지정 머리글 및 바닥글을 정의하고 선택한 항목을 그룹화하는 기능을 제공합니다.

Blazor 셀렉트

Blazor Tabs

Blazor 탭 구성 요소는 콘텐츠를 한 번에 하나의 보기(탭)만 볼 수 있는 별도의 보기(탭)로 구성합니다. 각 탭에는 탭의 헤더에 표시되는 레이블이 있습니다. 탭 변경은 탭의 헤더를 클릭하여 수행됩니다. 탭 머리글의 수가 화면 너비를 초과하면 다른 탭 머리글을 보기로 스크롤할 수 있는 가로 스크롤 단추 집합이 표시됩니다.

 Blazor Tabs

Chart Improvements

지난 22.1 패치는 차트에 큰 영향을 미쳤습니다.  기본 동작을 크게 개선했으며 카테고리 차트 API를 더 쉽게 사용할 수 있도록 계속 개선했습니다. 22.2를 통해 우리는 카테고리 차트의 기능에서 또 다른 거대한 도약을 이루고 있으며, Infragistics 차트를 시장에서 가장 강력하고 사용하기 쉬운 차트로 만드는 놀라운 새 기능을 계속 제공하고 있습니다!  이러한 새로운 차트 개선 사항은 다음과 같습니다.

  • 브라우저/화면 크기에 따라 수평 라벨 회전을 위한 자동 반응형 레이아웃.
  • 자동 십자선, 애니메이션, Y축 라벨 및 라벨 형식 지정.
  • 모든 플랫폼에서 둥근 레이블에 대한 향상된 렌더링.
  • 카테고리 문자열 및 숫자 값을 그룹화, 정렬 및 요약하기 위한 새로운 API로, 차트 데이터를 사전 집계하거나 계산할 필요가 없습니다.

데이터 시각화 및 데이터 분석은 모든 애플리케이션에 추가되는 핵심 기능이며, 22.2를 사용하면 앱에서 아름다운 대화형 경험을 통해 그 이상을 경험할 수 있습니다.

 Chart Improvements

이 아기를 감싸자!

구성 요소에 도입해야 하는 새로운 기능, 수정해야 하는 중요한 문제 또는 도입했으면 하는 새로운 구성 요소에 대한 아이디어가 있으면 GitHub 리포지토리에 게시하여 알려주세요. Twitter에서 팔로우 하고 참여하세요@infragistics. Twitter에서 저를 팔로우하거나 직접 연락하실 수도 @brianlagunas. 내 YouTube 채널을 구독하여 새 동영상에 대한 알림을 받을 수도 있습니다.  또한 Infragistics 엔지니어 및 다른 고객과 교류할 수 있는 커뮤니티 포럼을 통해 다양한 팀과 연결하십시오.

저희 컨트롤로 멋진 것을 만들 때는 꼭 알려주세요.

마지막으로, 모든 새로운 구성 요소가 실제로 작동하는 것을 보려면 22.2 출시 웨비나에서 Blazor 데모를 시청하십시오.

데모 요청