Wijmo의 2019년 두 번째 릴리스에는 React 및 Vue Interop에 대한 추가 지원 및 기능을 비롯한 몇 가지 새로운 향상된 기능이 도입되었습니다.

React의 향상된 기능

React의 인기가 급상승하면서 당사는 React 지원을 더욱 심화하기 위한 작업을 계속해왔습니다. 이번 릴리스에는 항목이 있는 모든 컨트롤에 대한 마크업 내 바인딩을 포함하여 사용자 정의 템플릿을 정의할 수 있는 몇 가지 훌륭한 방식이 포함되어 있습니다.

MenuItem 및 MenuSeparator 컴포넌트를 추가했습니다.

React MenuItem 샘플

또한 다음 컨트롤에 새로운 wjItemTemplate '렌더링 속성'을 추가했습니다.

• ListBox React ListBox wjItemTempate 샘플
• ComboBox React ComboBox wjItemTemplate 샘플
• MultiSelect React MultiSelect wjItemTemplate 샘플
• Menu React Dynamic MenuItem 샘플

다음은 React FlexGrid interop의 서식 있는 셀 템플릿 지원에 관한 내용입니다.

Vue의 향상된 기능

React와 마찬가지로 Vue interop에도 몇 가지 훌륭한 향상된 기능을 도입했습니다. Vue 메뉴 컴포넌트에 wj-menu-item 및 wj-menu-separator 컴포넌트를 추가했습니다.

Vue wj-menu-item 샘플

계기(Gauge) 사용자 정의 추가

몇 분의 고객이 계기에 더 자세한 내용을 추가해줄 것을 요청하였으므로 이를 지원하기 위해 몇 가지 새로운 속성을 추가했습니다.

Gauge.showTickText 속성을 추가하여 각 눈금표시 옆에 텍스트 레이블이 표시되도록 했습니다.

계기 눈금 표시 레이블 샘플

또한 다음과 같은 새 RadialGauge 속성 및 메서드를 통해 니들 기반 포인터에 대한 지원을 추가했습니다.

• needleShape
• needleLength
• needleElement
• createNeedleElement

RadialGauge 바늘 포인터 샘플

템플릿 리터럴 기능

새 i18n 템플릿 리터럴 기능을 Wijmo에 추가했습니다. 이 기능을 사용하면 선으로 연결된 값으로 여러 줄 문자열을 작성할 수 있고 문자열에 포함된 단일 및 이중 따옴표를 쉽게 처리할 수 있습니다.

glbz 샘플

응용 프로그램에서 실행 취소 및 다시 실행

거의 모든 응용 프로그램은 최근 작업을 실행 취소 및 다시 실행할 수 있는 기능으로 더 유용하게 사용될 수 있습니다. 이 기능을 FlexGrid에서 기본 제공하기를 원하는 고객도 많습니다. 당사는 이러한 요구를 뛰어넘어 응용 프로그램 수준에서 작업 내역을 관리할 수 있는 훌륭한 실행 취소/다시 실행 클래스를 개발했습니다. 물론 원하는 경우 FlexGrid에서만 이 클래스를 사용할 수도 있습니다. 하지만 전체 응용 프로그램에서 이 클래스를 사용해 보시는 것을 권장 드립니다.

UndoStack 샘플

데이터에 대한 페이징

CollectionView 항목 또는 페이지 간 이동을 위해 새로운 CollectionViewNavigator 컨트롤을 추가했습니다. 이는 매우 흔히 사용되는 UI입니다. 이 UI는 데이터 간 간단한 페이징을 제공하기 위해 FlexGrid와 같이 당사에서 제공하는 모든 컨트롤과 함께 쉽게 사용할 수 있습니다.

CollectionViewNavigator 샘플

FlexGrid MultiRange 선택

많은 고객분들께서 FlexGrid에 대해 Excel과 유사한 다중 범위 선택을 요청했습니다. 이러한 동작을 지원하기 위해 MultiRange라고 하는 새로운 SelectionMode를 추가했습니다. 이를 통해 사용자는 Ctrl(또는 command)을 누른 상태에서 FlexGrid의 여러 셀을 선택할 수 있습니다. 새로 추가한 selectedRanges 속성을 사용할 수 있습니다. 이 속성은 현재 선택된 범위가 포함된 CellRange 개체가 있는 배열을 가져옵니다.

FlexGrid MultiRange 선택 샘플

FlexGrid 성능 조정 API

매우 드물게 발생하는 시나리오에 맞춰 성능을 조정하려는 경우에 사용할 수 있도록 몇 가지 새로운 API를 추가했습니다. 대다수 사람은 이 API를 사용할 필요가 없지만 이 API가 필요한 소수를 위해 공개했습니다. API를 사용할 때는 각 API에 관한 설명서를 주의 깊게 읽어야 합니다.

• 새로운 FlexGrid.refreshRange 메서드
• FlexGrid.lazyRender 속성
• FlexGrid.refreshOnEdit 속성

Wijmo 세계화에 더 많은 문화 추가

고객이 더 나은 응용 프로그램을 구축할 수 있도록 당사는 서비스를 전 세계로 끊임없이 확장하고 있습니다. 이번 릴리스는 다음 언어에 대한 지원을 추가했습니다.

• 몽골어
• 베트남어
• 스위스 독일어

더 많은 기능

물론 이번 릴리스에는 크기 조정 가능 팝업 또는 wijmo.format의 심층 바인딩과 같이 소규모로 수정하거나 개선한 사항들이 많습니다. 아래의 전체 목록은 변경 로그를 확인해주세요.

변경 로그

• FlexGrid.autoRowHeights 속성을 추가하여 셀을 로드하고 편집할 때, 그리고 그리드 레이아웃이 변경될 때 행 높이가 자동으로 조정되도록 했습니다.
• FlexGrid.lazyRender 및 refreshOnEdit 속성을 추가하여 성능 제어 기능을 강화했습니다.
• 새 FlexGrid 선택 모드인 SelectionMode.MultiRange 및 FlexGrid.selectedRanges 속성을 추가했습니다. 이 속성은 확장된 선택에 대한 액세스 권한을 제공합니다.
• CollectionView 항목 또는 페이지 간 이동을 위해 CollectionViewNavigator 컨트롤을 추가했습니다.
• 템플릿 리터럴의 서식 지정을 지원하기 위해 "glbz" 태그 기능을 추가했습니다.
• wijmo.format 메서드 내 심층 바인딩에 대한 지원을 추가했습니다.
• 크기 조정 가능 대화 상자를 생성할 수 있도록 Popup.isResizable 속성을 추가했습니다.
• Gauge.showTickText 속성을 추가하여 각 눈금표시 옆에 텍스트 레이블을 표시할 수 있게 했습니다.
• 새로운 RadialGauge 속성 및 메서드인 needleShape, needleLength, needleElement, createNeedleElement로 니들 기반 포인터에 대한 지원을 추가했습니다.
• [React] Menu 컴포넌트 항목을 선언적으로 정의할 수 있는 MenuItem 및 MenuSeparator 컴포넌트를 추가했습니다. 메뉴를 선언적으로 정의할 수 있도록 모든 관련 샘플을 업데이트했습니다.'Input\Menu\Dynamic Items' 샘플을 새로 추가했습니다.
• [React] ListBox, ComboBox, MultiSelect 및 Menu 컴포넌트에 wjItemTemplate '렌더링 속성'을 추가했습니다. 이 속성을 통해 사용자 정의 항목 콘텐츠를 그리는 데 사용되는 렌더링 기능을 지정할 수 있습니다. 속성 사용법은 아래 샘플에 설명되어 있습니다.
• Input\ListBox\Customization
• Input\ComboBox\HTMLContent
• Input\ComboBox\Multi-column
• Input\MultiSelect\Customization
• Input\Menu\Dynamic Items
• [Vue] wj-menu 컴포넌트 항목을 선언적으로 정의할 수 있는 wj-menu-item 및 wj-menu-separator 컴포넌트를 추가했습니다. 메뉴를 선언적으로 정의할 수 있도록 모든 관련 샘플을 업데이트했습니다. 'Input\Menu\Dynamic Items' 샘플을 새로 추가했습니다.- 스위스 독일어 문화 파일인 wijmo.culture.de-CH.ts를 추가했습니다. 최근에 베트남어 및 몽골어 문화를 추가함으로써(wijmo.culture.vi.ts 및 wijmo.culture.mn-MN.ts) 지원하는 문화는 총 50개가 되었습니다.- FlexSheet.allowAutoFill 속성을 추가했습니다. (TFS 377969)
• [FlexChart] Legend.orientation 속성을 추가했습니다. (TFS 379230)