Wijmo는 2022년 두 번째 주요 릴리스를 출시했습니다. 이 릴리스에는 Angular 14 및 React 18에 대한 지원과 FlexGrid, FlexChart 등에 대한 몇 가지 개선 사항이 포함되어 있습니다.

Angular 14 지원

이제 Wijmo가 Angular 14를 지원합니다.

Wijmo는 각각 풍부한 선언적 마크업이 포함된 빠르고 유연한 다양한 Angular 컴포넌트 세트를 제공합니다. 최고의 Angular DataGrid에는 정렬, 그룹화, 검색, Excel과 같은 필터링, DataMaps, 사용자 지정 CellTemplates, 스파크 라인, 풍부한 편집, Excel / PDF 내보내기, 유효성 검사, DetailRows 등과 같은 기능이 포함되어 있습니다.

React 18 지원

또한 이번 릴리스에서 React 18에 대한 지원을 발표하게 된 것을 자랑스럽게 생각합니다. React 18은 동시 렌더링과 새로운 startTransition을 제공합니다. 새 렌더링 모델을 포함하여 모든 Wijmo 컴포넌트가 React 18을 지원하도록 업데이트되었습니다. 여기에는 FlexGrid의 풍부한 셀 템플릿과 같은 것들이 포함됩니다!

Wijmo는 엔터프라이즈 앱 개발을 위한 최고의 React DataGrid인 FlexGrid를 포함하여 선언적 마크업이 포함 된 강력한 React 컴포넌트 세트를 제공합니다.

참고: React 18에서 Wijmo와 함께 를 사용하는 경우 빌드 시 경고가 표시됩니다. 이 문제를 해결하기 위해 노력하고 있지만 Wijmo 컴포넌트는 여전히 런타임에 예상대로 작동합니다.

접근성 개선

Wijmo의 접근성이 크게 개선되었습니다.

스크린 리더용 DataGrid에 캡션 추가

표로 작업할 때 일반적인 방법 중 하나는 표에 표시되는 내용을 설명하는 캡션을 추가하는 것입니다. 이와 동일한 방식을 ARIA 그리드 컴포넌트에도 적용할 수 있습니다.

이를 쉽게 하기 위해 FlexGrid에 새로운 ariaLabel 속성을 추가했습니다. 이제 화면 판독기에서 DataGrid의 캡션으로 알리려는 속성을 설정할 수 있습니다. 각 그리드는 자체 ariaLabel 설정을 가질 수 있습니다.

예:

var myGrid = new FlexGrid("#gridElement");
myGrid.ariaLabel = "Product Sales";

참고: 화면 판독기는 이미 FlexGrid에 대한 일부 정보(예: 열, 행, 정렬 등)를 읽었으므로 캡션에 이 정보를 추가할 필요가 없습니다.

접근성에 대한 추가 개선 사항

• 이제 FlexGrid의 그룹화된 행에 대해 발표된 확장/축소 상태
• 그룹 헤더는 더 이상 aria-required 속성을 렌더링하지 않습니다.
• DataMap은 이제 마우스와 동일한 키보드를 사용하여 작동합니다(Enter 키를 누를 때 드롭다운 닫기).

FlexChart 스크롤 가능한 범례

시리즈가 많은 차트의 경우 이제 범례에 스크롤바를 제공할 수 있습니다. 이 기능을 활성화하기 위해 legend.scrollbar(부울) 속성을 추가했습니다.

더 많은 FlexChart 개선 사항

• 레이블 크기를 사용자 지정하기 위한 labelMin 및 labelMax 속성 추가
• 내보내기 옵션 개선을 위해 saveSvgToDataUrl() 및 saveSvgToFile() 메서드를 추가했습니다.

추가 수정 사항

• [GroupPanel][접근성] 그룹 헤더가 "div"가 아닌 "버튼"임(WJM-24669)

지금 바로 Wijmo를 다운로드하여 직접 테스트해보세요!

• Wijmo 공식 홈페이지
• Wijmo 튜토리얼 및 샘플
• Wijmo Q&A
• Wijmo FAQ