내용으로 건너뛰기
새로운 기능: Ignite UI for Web Components 24.1

새로운 기능: Ignite UI for Web Components 24.1

최신 Ignite UI for Web Components 24.1 릴리스의 새로운 기능을 확인하세요! 새로운 기능 및 기타 흥미로운 개선 사항 - 이 지속적인 릴리스의 모든 부분.

4min read

지난 몇 달 동안 우리는 Ignite UI for Web Components 크게 개선했습니다. 이러한 개선 사항은 개발자에게 비즈니스급 웹 앱을 만들 수 있는 훨씬 더 강력하고 기능이 풍부한 도구를 제공하는 것을 목표로 합니다. 최신 릴리스에서는 성능, 접근성 및 전반적인 UX를 향상시키는 새로운 기능과 최적화를 소개합니다.

이 흥미로운 업데이트를 자세히 살펴보고 살펴보겠습니다.

Version 4.5

텍스트 영역 구성 요소

Ignite UI for Web Components Text Area는 여러 줄로 된 일반 텍스트 편집 컨트롤을 나타냅니다. 이 기능은 사용자가 검토 또는 피드백 양식에 대한 주석과 같은 상당한 양의 자유형 텍스트를 입력할 수 있도록 허용하려는 경우에 유용합니다.

Web Components Text Area Component의 예

버튼 그룹 구성 요소

Web Components Button Group 구성 요소는 수평/수직 정렬, 단일/다중 선택 및 토글을 통해 스타일이 지정된 버튼 그룹으로 구성하는 IgcToggleButtonComponent 데 사용됩니다.

Web Components Button Group 구성 요소의 예

토글 버튼 구성 요소

UX IgcToggleButtonComponent와 같은 도구 모음을 얻기 위해 구성 요소와 함께 IgcButtonComponent 사용됩니다.

탐색 창은 이제 CSS 전환을 지원합니다.

토스트 및 스낵바 구성 요소에 대한 위치 속성

Version 4.6

변경 내역 4.6
그리드 상태 지속성

Ignite UI for React 상태 지속성 안으로 Web Components 데이터 그리드, Web Components 트리 그리드 그리고 Web Components Hierarchical Grid (계층적 그리드) 개발자가 그리드 상태를 쉽게 저장하고 복원할 수 있습니다. 때 IgrGridState React에 적용됩니다. IgrGrid, 노출됩니다. GetState, GetStateAsString, ApplyState 그리고 ApplyStateFromString 개발자가 모든 시나리오에서 상태 지속성을 달성하는 데 사용할 수 있는 메서드입니다. 지원되는 기능은 다음과 같습니다.

Web Components Grid State Persistence 기능의 예

Snackbar 구성 요소에 추가된 작업 슬롯

확장 패널에 인디케이터 확장 슬롯이 추가되었습니다.

토글 아이콘 확장 슬롯이 선택에 추가되었습니다.

Version 4.7

Changelog 4.7

트리 구성 요소 업데이트

등급 구성 요소 업데이트

토글 아이콘 확장 슬롯이 선택에 추가되었습니다.

Version 4.8

Changelog 4.8

Hierarchical Grid 컴포넌트

Web Components Hierarchical Data Grid의 Ignite UI는 계층적 테이블 형식 데이터를 표시하고 조작합니다. 아주 적은 코드로 데이터를 빠르게 바인딩하거나 다양한 이벤트를 사용하여 다양한 동작을 사용자 지정할 수 있습니다. 이 구성 요소는 데이터 선택, Excel 스타일 필터링, 정렬, 페이징, 템플릿, 열 이동, 열 고정, Excel 및 CSV로 내보내기 등과 같은 풍부한 기능을 제공합니다. Hierarchical Grid는 Flat Grid Component 를 기반으로 합니다. 사용자가 상위 그리드의 행을 확장하거나 축소할 수 있도록 하여 기능을 확장하여 더 자세한 정보가 필요할 때 해당 하위 그리드를 표시합니다.

Hierarchical Grid 컴포넌트 Web Components 예시

Combobox component update

Button 및 Icon Button 구성 요소 업데이트

Navigation bar update

Version 4.9

Button Group 구성 요소 업데이트

Input component update

Text Area 구성 요소 업데이트

Version 4.10

Banner 구성 요소

Web Components 배너 구성 요소는 스낵바보다 덜 일시적이고 대화 상자보다 덜 눈에 거슬리는 방식으로 애플리케이션 사용자에게 눈에 잘 띄는 메시지를 쉽게 표시할 수 있는 방법을 제공합니다. 배너는 사용자 지정 작업 버튼과 아이콘을 표시하도록 구성할 수도 있습니다.

Web Components 배너 구성 요소의 예

Divider component

구분선 구성 요소를 사용하면 사용자가 콘텐츠를 가로 및 세로로 구분할 수 있습니다.

새 날짜 선택기 구성 요소

Web Components DatePicker는 수동 텍스트 입력을 통해 날짜를 입력하거나 팝업되는 달력 대화 상자에서 날짜 값을 선택하기 위한 기능이 풍부한 구성 요소입니다. 가볍고 사용이 간편한 Web Components의 DatePicker를 사용하면 월, 연도, 10년과 같은 여러 보기 옵션을 사용하여 원하는 날짜로 이동할 수 있습니다. 유효성 검사를 추가하기 위한 일반적인 min, max 및 required 속성이 있습니다.

라디오 그룹 구성 요소 업데이트

요약하자면...

호환성을 위해 매끄럽게 제작된 Ignite UI for Angular는 최신 기술과 주요 릴리스의 기능을 활용할 수 있도록 지원하는 라이브러리입니다. 최고의 Angular UI 툴킷 및 관련 인사이트를 제공하기 위해 최선을 다하고 있으며, 더 많은 노하우, 새로운 기능, 향상된 성능 및 향상된 안정성을 제공하는 것이 목표입니다. Ignite UI for Web Components GitHub 리포지토리를 통해 여러분과 같은 사용자의 요청 덕분에 일부 개선 사항이 추가되었습니다. 이를 염두에 두고 우리는 항상 제안과 피드백에 열려 있습니다 – 이를 통해 우리는 성장하고 귀하의 개발 요구에 더 잘 대응할 수 있습니다.

자세한 내용이 필요한 경우 다음을 확인하는 것이 좋습니다.

또한

Medium의 Ignite UI 팔로우하여 최신 정보를 얻고 현재 진행 중인 최신 Angular 관련 프로젝트에 대해 알아보세요. GitHub에서 별을 제공하고 문제 섹션에서 우려 사항, 질문 또는 기능 요청을 해결하여 제품을 계속 개선할 수 있도록 도와주세요.

Ignite UI for Web Components

데모 요청