Wijmo 5

차세대 JavaScript 컨트롤

TypeScript로 작성된 진정한 JavaScript 컨트롤 컬렉션이자 빠른 속도에 맞게 제작된 Wijmo 5를 통해 차세대 HTML5 응용 프로그램을 제공하십시오. 터치 우선 디자인과 완벽한 Angular 지원을 갖춘, 가벼운 컨트롤이 제공하는 놀라운 기능과 유연성을 경험해 보십시오.


Download Free Trial (v 5.20163.234)


새로운 기능


빌드 211의 새로운 기능:

새로운 샘플


빌드 207의 새로운 기능:

  • Angular 2: Wijmo Interop는 RC.6에 맞게 조정되었지만 RC.5에도 계속 사용할 수 있습니다. Angular 2 정보
  • Angular 2: 모든 샘플이 RC.6 Angular 2 Explorer로 이식되었습니다.
  • Angular 2: RC.5에 도입된 NgModule 시스템에 대한 지원이 추가되었습니다. 각 Wijmo Ng2 모듈은 Ng2 응용 프로그램의 모듈을 나타내고 모든 구성 요소를 내보내는 해당 NgModule을 포함합니다. NgModule의 이름은 ES6 모듈 이름에서 유추됩니다. 예를 들어 ES6 모듈 wijmo/wijmo.angular2.grid.filter의 경우 해당 NgModule의 이름은 WjGridFilterModule입니다. 지금까지 일부 샘플에 대해서만 NgModel, 즉 InputIntro, FlexGridIntro, ngForms 및 FlexSheetExplorer를 사용하도록 재작업이 이루어졌습니다. 후자는 지연 모듈 로드를 구현하는 SPA 응용 프로그램입니다.
  • ReactJS: React(wijmo.react.js)를 위한 새로운 Interop 모듈이 추가되었습니다.
    ReactJS Interop 샘플 | ReactJS 응용 프로그램에서 Wijmo를 사용하는 방법 블로그
  • VueJS: Vue(wijmo.vue.js)를 위한 새로운 Interop 모듈이 추가되었습니다.
    VueJS Interop 샘플 | Wijmo 컨트롤을 사용하여 유용한 VueJS 응용 프로그램을 만드는 방법 블로그
  • 도움말 시스템이 완전히 새롭게 구성되었습니다. 새로운 Wijmo 5 문서
  • FlexGrid에 열 바닥글 패널에 대한 지원이 추가되었습니다. 열 바닥글은 고유한‘columnFooters’ 그리드 패널(columnHeaders 및 rowHeaders와 유사)을 갖습니다. 열 바닥글을 그리드에 추가하려면 하나 이상의 행을 columnFooters 패널에 추가하십시오. 예: grid.columnFooters.rows.push(새 wijmo.grid.GroupRow()) 이 예에서는 그리드가 각 열에 집계 집합을 자동으로 표시하게 하는 GroupRow를 추가했습니다. 또는 하나 이상의 일반 행을 추가하고 columnFooters.setCellData 메서드(grid.columnFooters.rows.push(new wijmo.grid.Row()); grid.columnFooters.setCellData(0, 0, ‘열 바닥글 값’))를 사용하여 그러한 행의 셀 내용을 설정할 수 있습니다. FlexGrid 사용자 지정 바닥글 샘플
  • 새 차트 컨트롤이 추가되었습니다. FlexRadar는 방사형 및 극좌표형 차트를 만드는 데 사용됩니다. 이 컨트롤은 이제 모듈 wijmo.chart.radar.js에 새롭게 추가되었습니다. 새 컨트롤의 기능을 보여 주도록 FlexRadarIntro 샘플(PureJs, Angular 1/2)이 추가되었습니다. FlexRadar Intro 샘플
  • 새 깔때기형 차트 유형이 추가되었습니다. 깔때기형 차트 샘플이 FlexChartIntro 샘플에 추가되었습니다. FlexChart Intro 샘플
  • 새로운 행 템플릿을 데이터 행의 상단에 표시할지, 아니면 하단에 표시할지 제어할 수 있는 새 FlexGrid.newRowAtTop 속성이 추가되었습니다.
  • 고정된 셀(IE에서 소형 저키(jerky)를 표시하는 데 사용됨)로 FlexGrid 스크롤이 향상되었습니다.
  • Angular 2: 자동 행 높이 확대를 비활성화할 수 있게 해주는 autoSizeRows 부울 속성이 wjFlexGridCellTemplate 지시문에 추가되었습니다.
  • Angular 1/2: FlexGrid 열 바닥글의 셀 템플릿에 대한 지원이 추가되었습니다. WjFlexGridCellTemplate.cellType 속성은 이제 해당 셀 유형에 적용되는 ‘ColumnFooter’ 및 ‘BottomLeft’를 허용합니다. ‘ColumnFooter’ 셀 템플릿에서 셀 값을 가져오기 위해 $value(Angular 1) 또는 cell.value(Angular 2) 속성을 사용할 수 있습니다.
  • Row/Col.IsSelected 메서드의 성능이 향상되었습니다.
  • FlexGrid.preserveOutlineState 속성의 성능이 향상되었습니다.
  • wijmo.Menu에서 키보드 지원이 개선되었습니다. 이제 사용자는 키보드를 사용하여 메뉴를 열고(Enter/f4/Alt+위쪽 화살표 키/Alt+아래쪽 화살표 키) 옵션을 탐색(위로/아래로/자동 검색)할 수 있습니다.
  • 선형 및 방사형 계기의 계기 표면에 틱 마크가 표시되게 하는 Gauge.showTicks 속성이 추가되었습니다. 틱 마크는 “min”부터 시작하여 각 “단계”를 거쳐 “max”로 이동합니다. 기본적으로 틱 마크는 흰색이며 두께는 2픽셀입니다. “.wj-gauge .wj-ticks” CSS 선택기를 사용하여 “stroke” 및 “stroke-width” 값을 사용자 지정하도록 스타일을 지정할 수 있습니다.
  • 선택적 ‘dataItem’ 매개 변수가 DataMap.getDisplayValues 메서드에 추가되었습니다. 렌더링/편집되는 데이터 항목의 속성을 기반으로 dataItem을 사용하여 표시 값 목록을 제한할 수 있습니다(http://wijmo.com/topic/flexgrid-datamap-that-is-row-dependent/ 참조).
  • ListBox 컨트롤(예: “customer.name”)에 “심층 바인딩”에 대한 지원이 추가되었습니다.

빌드 188의 새로운 기능:

  • wijmo.chart.hierarchical.Sunburst 컨트롤을 추가했습니다. 이 컨트롤은 계층 구조 데이터를 여러 수준의 원형 차트로 표시합니다. Sunburst 샘플
  • wijmo.chart.analytics.Waterfall 클래스를 추가했습니다. Waterfall 시리즈는 누적 효과가 있는 데이터 값을 나타냅니다(폭포 차트). Waterfall 샘플
  • 서버에서 FlexReport를 사용하여 보고서를 렌더링하는 클라이언트 측 ReportViewer 컨트롤을 포함하는 ReportViewer 샘플을 추가했습니다. ReportViewer 샘플
  • wijmo.pdf – SVG 이미지 그리기 지원을 추가했습니다(PdfPageArea.drawSvg 메서드).
  • FlexSheet에 대한 사용자 지정 필터를 추가하여 필터링 동작이 Excel에서와 동일하게 수행됩니다.
  • 행/열을 삽입/삭제하는 수식에서 셀 범위 처리가 업데이트되어 수식에서 영향받는 셀 범위도 업데이트됩니다.
  • Dave Koele의 “자연 정렬”과 같은 사용자 지정 값 비교자 사용을 지원하도록 CollectionView.sortComparer 속성을 추가했습니다. http://www.davekoelle.com/alphanum.html
  • JavaScript Intellisense 지원을 추가하여 Wijmo zip에 Intellisense 폴더가 표시됩니다.
  • Angular 2 – Angular 2 RC.3에 맞게 조정됨 Angular2 정보
  • Angular 2: ‘initialized’ 이벤트 및 ‘isInitialized’ 부울 속성이 모든 컴포넌트에 추가되었습니다. 컴포넌트와 모든 하위 컴포넌트에 대한 바인딩이 초기화되면 이 이벤트가 트리거되고 속성 값이 false에서 true로 변경됩니다. ‘isInitialized’는 동적 속성이며, 컴포넌트 인터페이스에서 TypeScript 속성으로 노출되지 않으므로 component[‘isInitialized’] 구문을 사용하여 읽어야 합니다.

빌드 117의 새로운 기능:

  • 주요 Wijmo 컨트롤에 대한 구성 요소와 함께 Angular 2 Explorer 샘플이 추가되었습니다. 이 샘플은 Angular 2의 베타 1 버전을 사용합니다. Angular 2 Explorer | Angular 2 블로그
  • 컨트롤의 드롭다운 요소에 쉽게 스타일을 적용할 수 있도록 하기 위해 wijmo.input.DropDown.dropDownCssClass 속성을 추가했습니다(ComboBox, MultiSelect, InputDate, InputTime 등을 포함하여 DropDown을 확장하는 모든 컨트롤에 적용됨).
    MultiColumn DropDowns 샘플 | MultiColumn DropDown 블로그
  • dataMaps가 있는 열의 셀을 편집하는 데 사용된 드롭다운 목록에 스타일을 쉽게 적용할 수 있도록 하기 위해 wijmo.grid.Column.dropDownCssClass 속성을 추가했습니다.
  • CollectionView 클래스에서 기본 정렬보다 30~50% 느리지만 같은 키로 레코드의 상대적인 순서를 유지하는 안정적인 정렬 알고리즘을 사용하도록 만드는 wijmo.collections.CollectionView.useStableSort 속성을 추가했습니다.
  • 단일 컨트롤을 사용하여 날짜 및 시간 값을 입력/편집하는 새 InputDateTime 컨트롤을 추가했습니다(InputDate 및 InputTime 사용과 반대됨). InputDateTime 샘플 | InputDateTime 블로그
  • 그리드가 편집 모드에 없을 때 IME 모드를 지원하도록 새 FlexGrid.imeEnabled 속성을 추가했습니다. 이 속성은 IME 지원이 필요한 일본어, 중국어, 한국어 및 기타 언어로 된 사이트와 응용 프로그램에 이점을 제공합니다. IME 지원 블로그
  • 그리드에 포커스가 있을 때 브라우저에서 그리드의 hostElement를 뷰로 스크롤할 수 없도록 하기 위해 FlexGrid.focus() 구현을 개선했습니다.
  • childItemsPath에서 더 잘 작동하도록 allowAddNew를 개선했습니다.
  • 모달 대화 상자에서 끌어서 놓기를 지원하도록 IE9 폴리필 기능을 개선했습니다(TFS 140812).
  • wijmo.xlsx에 다음과 같은 여러 가지 새로운 함수에 대한 지원이 추가되었습니다. Column, Columns, COUNTA, COUNTBLANK, COUNTIF, COUNTIFS, DATE, DATEDIF, DCOUNT, HLOOKUP, HOUR, INDEX, MOD, RANK, RATE, ROUNDDOWN, ROUNDUP, ROW, ROWS, SUBTOTAL, SUMIF, SUMIFS, TIME, TODAY
  • wijmo.xlsx에 공유된 수식 가져오기에 대한 지원이 추가되었습니다.
  • wijmo.xlsx의 성능이 향상되었습니다.
  • wijmo.grid.sheet에 사용자가 제공한 사용자 지정 함수에 대한 지원이 추가되었습니다. FlexSheet.addCustomFunction 메서드를 참조하십시오.
  • wijmo.grid.sheet에 셀 식에 있는 지원되지 않는 함수를 처리할 수 있는 FlexSheet.unknownFunction 이벤트가 추가되었습니다.
  • wijmo.grid.sheet에 데이터 바인딩된 시트에 대한 항목 소스를 변경할 수 있는 Sheet.itemsSource 속성이 추가되었습니다.

빌드 117 릴리스에 대해 자세히 알아보기


빌드 109의 새로운 기능:

  • 다음 형식 지정자로 회계 연도 및 분기 형식을 지원하도록 세계화 기능을 향상했습니다.
    • ‘EEEE’: 정부 회계 연도
    • ‘eeee’: 기업 회계 연도
    • ‘U’: 정부 회계 분기
    • ‘u’: 기업 회계 분기
    달력에서 회계 날짜로 변환하는 방식은 문화에 따라 다릅니다. 적절한 문화 파일을 사용 중이 아니거나 사용하지 않으려는 경우 wijmo.culture.Globalize.calendar.fiscalYearOffset 변수를 정부 및 민간 부문에 대한 회계 연도 시작일의 오프셋(월 단위)을 나타내는 두 개의 정수가 포함된 배열로 설정하여 변환 비율을 지정할 수 있습니다. 예를 들어, 일본어 문화권은 정부의 회계 연도에 대해 3개월 오프셋을 사용하고, 민간 부문에 대해서는 오프셋을 사용하지 않습니다. wijmo.culture.Globalize.calendar.fiscalYearOffsets = [3, 0];
  • InputMask 컨트롤에 일본어 문자(IME, 가타카나, 히라가나)에 대한 지원이 추가되었습니다.
  • 범주 x-축에 대한 자동 레이블 회전이 추가되었습니다. 이 레이블은 axis.labelAngle을 지정하지 않은 경우 겹치지 않도록 회전됩니다.
  • 현재 편집 항목이 아닌 항목의 변경을 추적할 수 있도록 CollectionView.trackChanges가 향상되었습니다. 가장 일반적인 시나리오는 데이터 블록을 FlexGrid에 붙여넣는 것입니다.
  • 다른 레벨에 있는 항목이 해당 하위 항목에 대해 다른 속성 이름을 사용하는 경우 문자열 배열을 허용하도록 FlexGrid.childItemsPath 속성이 향상되었습니다.
  • InputTime.step 속성의 기본값이 15(가장 일반적이고 유용한 설정으로 보임)로 변경되었습니다. 따라서 컨트롤에 드롭다운 단추가 기본적으로 표시됩니다. 이 단추를 제거하려면 단계 속성을 null로 설정합니다.
  • 키보드(WinForms 및 WPF/Excel 스타일의 F4키, alt+위쪽/아래쪽 화살표 키)를 사용하여 FlexGrid.dataMap 드롭다운 열기에 대한 지원이 추가되었습니다(TFS 124408).
  • 삭제 중인 컨트롤에서 Wijmo 이벤트 수신기를 모두 제거하도록 Control.dispose 메서드가 향상되었습니다(삭제하면 Control.addEventListener 메서드와 함께 추가된 HTML 이벤트가 모두 제거됨).
  • 클릭했을 때 입력 컨트롤이 전체 단어/숫자를 자동으로 선택할 것인지 여부를 결정하는 DropDown.autoExpandSelection 속성이 추가되었습니다. 이 기능은 DropDown에서 파생되는 모든 컨트롤에 적용되며, 날짜, 시간, 색상 등을 쉽게 편집할 수 있게 합니다.
  • 드롭다운 목록에 표시된 값에서 콤보 입력 요소에 표시된 값을 분리할 수 있는 ComboBox.headerPath 속성이 추가되었습니다.
  • wijmo.css에 다음과 같은 5개의 새 글자 모양이 추가되었습니다.
    • wj-glyph-step-forward
    • wj-glyph-step-backward
    • wj-glyph-file
    • wj-glyph-calendar
    • wj-glyph-clock
  • FlexGridXlsxConverter 클래스는 행 머리글 내보내기를 지원합니다. 이 동작은 IFlexGridXlsxExportOptions.includeRowHeaders 속성에 의해 제어됩니다.
  • 템플릿에 숫자가 포함된 마스크를 이용한 Delete 키의 InputMask 처리 기능이 향상되었습니다(예: “99-55-9999”, TFS 136087).
  • FlexGrid.selectedRows 및 selectedItems 속성이 추가되었습니다. 두 속성을 사용하여 현재 선택한 행이나 연결된 해당 데이터 항목이 있는 목록을 가져올 수 있습니다. selectionMode 속성이 ListBox로 설정되어 있으면 선택한 행 또는 데이터 항목을 설정하는 데 사용할 수도 있습니다.
  • OData에 특정한 getODataFilterDefinition 메서드를 제거하고 컬렉션 뷰의 updateFilterDefinition 메서드에 대한 호출로 대체하여 wijmo.grid.filter.FlexGrid 필터가 리팩터링되었습니다. 이 메서드가 있을 경우 서버 측에서 사용된 필터 정의를 업데이트합니다. 이 리팩터링을 사용하여 다른 CollectionView 구현(예: BreezeCollectionView)에서 서버 측 필터링을 지원할 수 있습니다.
  • 서버 측 필터링을 표시하도록 BreezeCollectionView 샘플을 개선했습니다(TFS 129832).
  • CSS 규칙을 변경하지 않고 대체 행 스타일 지정을 비활성화하도록 FlexGrid.showAlternatingRows 속성이 추가되었습니다.
  • 그리드가 현재 뷰에 대한 셀 요소 만들기/업데이트를 마치면(예: 바인딩, 새로 고침, 크기 조정, 스크롤 후) 발생하는 FlexGrid.updatedView가 추가되었습니다.
  • IntelliSpell을 사용하여 모든 문서의 맞춤법을 검사했습니다.

빌드 109 릴리스에 대해 자세히 알아보기


빌드 102의 새로운 기능:

  • Excel xlsx 파일로/파일로부터 내보내고 가져오기 위한 클라이언트측 기능을 제공하는 wijmo.xlsx 모듈을 추가했습니다. 사용 방법을 시연하는 예를 통해 ExcelImportExport 샘플을 업데이트했습니다.
  • Excel xlsx 파일로/파일로부터 FlexGrid를 내보내고 가져오기 위한 클라이언트측 기능을 제공하는 wijmo.xlsx 모듈에 대한 확장인 wijmo.grid.xlsx 모듈을 추가했습니다. ExcelImportExport 샘플이 이 모듈을 사용하도록 업데이트되었습니다.
  • wijmo.grid 및 wijmo.grid.xlsx 모듈에 대한 확장인 wijmo.grid.sheet 모듈을 추가했습니다. 이 기능은 Excel과 유사한 기능을 제공하는 FlexSheet 컨트롤을 구현합니다. ExcelBook 샘플이 이 모듈을 사용하도록 업데이트되었습니다.
  • 새로운 FinancialChart 오버레이: 볼린저 밴드 및 포락선
  • 새로운 FinancialChart 표시기: 이동 평균 기간, 상대 강도 지수, 상품 채널 지수, Williams %R, MACD/MACD 히스토그램, 스토캐스틱 오실레이터
  • 새로운 Fibonacci Extensions for FinancialChart: 부채꼴, 원호, 시간대
  • PDF 형식에 FlexGrid 컨트롤의 클라이언트측 내보내기를 구현하는 AngularJS PdfExport 샘플을 추가했습니다.
  • AngularJS FlexChartAnimation 샘플을 추가했습니다. 이 샘플은 차트 데이터를 로드하고 업데이트할 때 차트 애니메이션을 표시합니다.
  • AngularJS FlexChartZoom 샘플을 추가했습니다. 이 샘플은 터치 제스처 또는 마우스를 사용할 때 차트 상호 작용을 설명합니다.
  • PureJS AggregateSeries for FlexChart 샘플을 추가했습니다. 이 샘플은 선택한 데이터 범위에 기반한 데이터 집계를 표시합니다.
  • 새로운 RangeSelector.seamless 속성은 선택기 핸들 간의 원활한 전환을 허용합니다.
  • 새로운 RangeSelector 핸들 모습은 더 좁은 범위에서의 끌기를 단순화합니다.
  • 병합된 머리글 필터링을 허용하도록 wijmo.grid.filter.FlexGridFilter를 개선했습니다.
  • 자동 생성되는 열 머리글 기능을 개선했습니다('productName' 속성에 바인딩된 열의 머리글이 'Product Name' 기본값이 되도록 이제 첫 글자를 대문자로 쓰고, 카멜식 대/소문자 바인딩 문자열을 분할합니다).
  • 'querySelectorAll' 대신에 'matches' 메서드를 사용하도록 wijmo.closest 메서드를 최적화했습니다.
  • 모바일 장치에서 InputNumber 컨트롤 동작을 개선했습니다.
  • 그리드 상단이 스크롤을 통해 시야에서 사라질 때에도 열 머리글 셀이 보이도록 유지하는 FlexGrid.stickyHeaders 속성을 추가했습니다.
  • 같은 세션에서 추가되고 이후 제거된 항목을 무시하도록 CollectionView 변경 내용 추적 기능을 개선했습니다.
  • 'q' 또는 'Q' 형식 지정자로 날짜 분기의 형식 지정을 지원하도록 Globalize 기능을 개선했습니다(예: 형식(someDate, 'yyyy "Q"q') => '2014 Q4').

빌드 90의 새로운 기능:

  • 요구 시 데이터를 로드하는 wijmo.odata.ODataVirtualCollectionView 클래스를 추가했습니다. 자세한 내용은 VirtualData 샘플을 참조하십시오.
  • ODataCollectionView.filterDefinition 속성은 filterOnServer가 False로 설정되더라도 서버에서 필터링하도록 적용됩니다. 이를 통해 응용 프로그램이 서버 및 클라이언트측 필터링을 같은 컬렉션에 적용할 수 있습니다.
  • FlexGrid.pastingCell/pastedCell 이벤트를 추가했습니다. 이 이벤트는 그리드가 데이터를 개별 셀로 붙여넣을 때 발생합니다. 이전에는 그리드가 이러한 상황에서 이벤트 편집을 시작했지만 모호성으로 인해 사용자 지정 편집기 구현에 영향을 미쳤습니다.
  • 16진수 형식 지정/구문 해석에 대한 지원 추가; 'xn' 또는 'Xn' 형식(TFS 131809) 사용
  • AutoComplete 컨트롤이 "isEditable" 속성(ComboBox, TFS 81936에서 상속)을 준수하도록 설정
  • 사용자 지정 셀 팩터리를 사용할 때 더 나은 리소스 정리를 위해 wijmo.grid.CellFactory.disposeCell 메서드를 추가했습니다.
  • 편집을 시작할 때 입력한 문자를 사용하도록(기본 제공 편집기처럼) Angular FlexGrid.CellEdit 템플릿을 개선했습니다.
  • FlexGrid.cellFactory 속성 get/set을 만들었습니다.
  • 사용자가 DataMap에 없는 데이터를 입력하도록 해 주는 wijmo.grid.DataMap.isEditable 속성을 추가했습니다(매핑된 항목이 비독점 옵션이 됨).
  • wj-menu-item 지시문은 이제 내부에서 AngularJS 내삽 식과 지시문을 지원하며 ng-repeat/ng-if 지시문과 함께 사용할 수 있습니다.
  • Data-bound Menu 컨트롤은 이제 임의 메뉴 항목 콘텐츠 정의를 허용하는 wj-item-template 지시문을 지원합니다.
  • ng-class AngularJS 지시문은 이제 wj-flex-grid-column 및 wj-flex-grid-cell-template 지시문에서 지원됩니다.

빌드 84의 새로운 기능:

New FlexGrid features: showMarquee and showSelectedHeaders

FlexChart scaling

The itemValidator property added to Calendar and InputDate

Gauge control with added a thumbSize property.

  • 그리드가 현재 컬렉션 주변에 Excel 스타일의 마퀴를 표시해야 하는지 여부를 결정하는 FlexGrid.showMarquee 속성을 추가했습니다. "wj-marquee" 클래스 선택기를 사용하여 마퀴에 스타일을 지정할 수 있습니다. 자료 문서: FlexGrid에서 셀 선택 강조 표시
  • 그리드가 "wj-state-multi-selected" 클래스 선택기를 행 및/또는 열 머리글 요소에 추가해야 하는지 여부를 결정하는 FlexGrid.showSelectedHeaders 속성을 추가했습니다. CSS에서 이 속성을 사용하여 현재 선택에 해당하는 머리글 셀을 강조 표시할 수 있습니다.
  • FlexGrid.getMergedRange 메서드에 새 '클립' 매개 변수를 추가했습니다. True(기본값)일 경우, 이 메서드는 병합된 범위를 현재 보기 범위에 클립합니다.
  • 특정한 날을 선택되지 않도록 해주는 Calendar.itemValidator 및 InputDate.itemValidator 속성을 추가했습니다. 자료 문서: Wijmo Calendar, InputDate 및 InputTime으로 날짜 및 시간을 사용자 지정하고 편집하기
  • Calendar.itemFormatter 속성을 보완하기 위해 Calendar.formatItem 이벤트를 추가했습니다.
  • 포커스를 포함하는 컨트롤에 새로운 'wj-state-focused' 클래스를 추가했습니다. 이 클래스는 컨트롤의 포커스 상태를 반영하도록 자동으로 토글되며 포커스 관련 스타일을 Gauge 커서, 차트 계열, 그리드 범위 등 포커스가 지정된 컨트롤의 일부에 추가하기 위해 CSS 선택기에서 사용될 수 있습니다. 자료 문서: 특수 형식 지정 기능을 포커스가 지정된 컨트롤에 적용하기
  • 차트 계열 axisX 및 axisY용 Angular 특성(TFS 122055)을 추가했습니다.
  • 드롭다운이 표시되기 전에 사용자 지정을 허용하기 위해 wijmo.input.DropDown.isDroppedDownChanging 이벤트를 추가했습니다.
  • 목록에 표시할 값 목록을 지정하도록 wijmo.grid.filter.ValueFiler.uniqueValues 속성을 추가했습니다. 이 목록은 데이터로부터 목록을 구축하는 것보다 더 효율적이고 서버에서 필터링된 컬렉션에서 작동합니다.
  • Globalize.formatDate 및 parseDate 메서드의 기능과 성능을 개선했습니다.
  • Globalization.formatNumber 및 parseFloat에 크기 조정 지정자를 추가했습니다. 예를 들어, 'n0,'는 천 단위로, 'n0,,'은 백만 단위로, 'n0,,,'는 10억 단위로 값을 분할합니다. 크기 조정 지정자는 큰 값에 기반한 차트에서 특히 유용하므로, 더 읽기 쉽고 공간을 덜 차지하는 크기가 조정된 값이 축에 표시됩니다. 자료 문서: 로그 눈금으로 차트에서 데이터 클러스터 분할하기
  • '포인터' 범위 끝에서 현재 값을 표시하기 위해 섬(thumb) 요소를 표시하는 Gauge.thumbSize 속성을 추가했습니다. 이 속성은 선형 및 방사형 Guage에 적용됩니다.
  • 편집 가능한 Gauge에 마우스 휠 지원을 추가했습니다.
  • 24개의 새로운 언어에 대한 지원을 추가했습니다.

빌드 70의 새로운 기능:

  • FinancialChart 컨트롤이 포함되어 있는 wijmo.chart.finance 확장 모듈이 추가되었습니다. 이 모듈은 Wijmo Enterprise에만 포함되어 있습니다.
  • StockChart가 추가되었습니다. 이 샘플에서는 FinancialChart 컨트롤의 다양한 기능을 보여 줍니다. StockChart 응용 프로그램
  • FinancialChartExplorer 샘플이 추가되었습니다. 샘플에서는 사용 가능한 재무 차트 유형을 보여 줍니다. FinancialChart 탐색기
  • FinancialChartIntro가 추가되었습니다. 소개 샘플이 FinancialChart 컨트롤에 추가되었습니다. FinancialChart 101
  • wijmo.chart.finance.analytics 모듈을 추가했으며 Fibonacci 도구를 포함합니다.
  • Excel과 유사한 기능을 제공하는 FlexSheet 컨트롤을 구현하는 ExcelBook 샘플이 추가되었습니다. 구현은 FlexGrid 컨트롤을 기반으로 합니다. ExcelBook FlexSheet 샘플
  • wijmo.chart.analytics 확장 모듈이 추가되었습니다. 이 모듈에는 FlexChart 및 FinancialChart 컨트롤을 사용하여 분석 차트를 작성하는 데 사용되는 특수한 계열 클래스 집합이 포함되어 있습니다.
    • TrendLine(간단한 선형 추세 또는 다른 fitType에 적합한 급수 추세 계산)
    • MovingAverage(여러 하위 집합의 평균 계열을 생성하여 계산)
    • YFunctionSeries(지정된 함수에 y를 곱하여 계산)
    • ParametricFunctionSeries(주어진 xFunc 및 yFunc으로 x 및 y를 계산)
  • 서로 다른 유형의 주석을 FlexChart 및 FinancialChart 컨트롤에 추가할 수 있는 가능성을 구현하는 wijmo.chart.annotation 확장 모듈이 추가되었습니다.
    • AnnotationLayer(서로 다른 유형의 주석 컬렉션이 포함된 레이어)
    • 주석: 원, 타원, 이미지, 선, 다각형, 직사각형, 사각형, 텍스트
  • AxisScrollBar 샘플이 추가되었습니다. 이 샘플에서는 표시된 데이터를 스크롤하고 배율을 변경하도록 허용하는 축 스크롤 막대를 보여 줍니다. 축 스크롤 막대
  • FlexChartAnalytics가 추가되었습니다. 이 샘플에서는 wijmo.chart.analytics 모듈의 확장된 차트 기능을 보여 줍니다. FlexChart Analytics
  • FlexChartAnnotation이 추가되었습니다. 이 샘플에서는wijmo.chart.annotation 모듈을 사용하여 작성된 주석을 보여 줍니다. FlexChart 주석
  • 새 wijmo.input.MultiSelect 컨트롤(드롭다운에서 여러 항목 선택 가능)이 추가되었습니다. MultiSelect 컨트롤
  • 새 wijmo.input.Popup 컨트롤(임의의 요소를 팝업/팝오버/대화 상자로 표시)이 추가되었습니다. Popup 컨트롤
  • 시간 및 범주 축에 대한 레이블 생성 기능이 향상되었습니다.
  • 사용자 지정 데이터 레이블 렌더링(DataLabel.rendering 이벤트)에 대한 지원이 추가되었습니다.
  • 데이터 레이블(DataLabel.connectingLine 속성)에 대한 연결선이 추가되었습니다.
  • 날짜 요소에서 해당 레이블까지의 오프셋을 지정하는 DataLabel.offset 속성이 추가되었습니다.
  • 축 레이블의 정렬을 제어하는 Axis.labelAlign 속성이 추가되었습니다.
  • 축 속성 min, max, actualMin, actualMax는 시간 기반 데이터 소스에 대해 Date 개체를 지원합니다.
  • 데이터 계열의 대체 스타일을 지정하는 SeriesBase.altStyle 속성이 추가되었습니다.
  • 컨트롤의 크기에 따라 자동으로 차트 범례 위치를 설정할 수 있는 Position.Auto 옵션이 추가되었습니다.
  • 공유되는 상황에 맞는 메뉴에 사용할 수 있는 Menu.owner 속성이 추가되었습니다.
  • filterChanging 및 filterChanged 이벤트가 FlexGridFilter 클래스에 추가되었습니다.
  • "contains('')" 또는 "beginswith('')"와 같이 잘못된 조건 필터를 무시하도록 FlexGridFilter가 향상되었습니다.
  • 경우에 따라 스키마/버전 쿼리를 건너뛰도록 ODataCollectionView가 최적화되었습니다.
  • 포커스가 있는 경우 브라우저에서 전체 그리드를 보기로 스크롤하지 못하게 합니다.
  • Control.gotFocus 및 lostFocus 이벤트가 추가되었습니다.
  • 휠 지원이 Input 컨트롤에 추가되었습니다.

빌드 63의 새로운 기능:

  • OData 서비스로 노출된 데이터를 로드 및 업데이트하도록 CollectionView 클래스를 확장하는 ODataCollectionView 클래스와 함께 wijmo.odata 모듈이 추가되었습니다. OData 샘플
  • 임의의 Angular 식을 기반으로 유효성 검사(HTML5 또는 Angular 형식)를 지원하는 WjValidationError Angular 지시문이 추가되었습니다. 유효성 검사 샘플 | 유효성 검사 블로그
  • FlexGrid 컨트롤에 행 세부 정보를 추가하는 wijmo.grid.detail 확장이 추가되었습니다 RowDetails 샘플
  • 종속성 없이 Ajax 요청을 수행하는 wijmo.httpRequest 메서드가 추가되었습니다.
  • 값 필터 목록에 표시할 고유한 항목 수를 제한하는 ValueFilter.maxValues 속성이 추가되었습니다.
  • 임의의 HTML 마크업(Angular 바인딩 및 지시문 포함)과 함께 ListBox 항목 템플릿을 지원하는 WjItemTemplate 지시문이 추가되었습니다. Input 101 샘플
  • 포커스가 있는 경우 브라우저에서 전체 그리드를 보기로 스크롤하지 못하게 합니다.
  • FlexGrid 편집 셀 템플릿의 첫 번째 입력 요소는 이제 편집이 시작된 후 자동으로 포커스를 받습니다.
  • 배열 속성(예: 'customer.balance[0]')에 대한 바인딩 지원이 추가되었습니다.
  • MS-Excel과 같이 편집할 값의 전체 정밀도를 오른쪽으로 맞추어 표시하도록 FlexGrid 숫자 편집기가 향상되었습니다.
  • 마스크 리터럴 및 프롬프트 데이터 없이 컨트롤 값을 가져오거나 설정하는 InputMask.rawValue 속성이 추가되었습니다.

빌드 51의 새로운 기능:

  • IE의 스크롤 성능 향상(일부의 경우 200배)
  • HTML 요소의 콘텐츠를 최대한 효율적으로 설정하거나 지우는 wijmo.setText 메서드가 추가되었습니다.
  • 필터와 JSON 간을 직렬화하는 FlexGridFilter.filterDefinitions 속성이 추가되었습니다.
  • ListBox.formatItem 이벤트(FlexGrid.formatItem과 동일한 의미 체계)가 추가되었습니다.
  • Excel 바로 가기에 대한 지원이 추가되었습니다(ctrl+A = 모두 선택, shift+Enter: 위쪽 선택).
  • 두 개의 새 글리프: .wj-glyph-plus 및 .wj-glyph-minus.
  • Angular 성능을 위해 FlexGrid 셀 템플릿이 향상되었습니다.
  • CollectionView 그룹화 및 정렬 성능이 향상되었습니다.
  • wj-tooltip Angular 지시문은 이제 보간된 값을 지원합니다.
  • DOM에서 host 요소가 제거되는 경우 컨트롤을 보다 쉽게 삭제할 수 있도록 disposeAll 정적 메서드가 Control 클래스에 추가되었습니다.
  • 컨트롤이 삭제될 때 이벤트 수신기가 보다 쉽게 삭제될 수 있도록 add/removeEventListener 메서드가 Control 클래스에 추가되었습니다.

빌드 48의 새로운 기능:

  • Control.disabled 속성(host 요소의 disabled 특성에 매핑)이 추가되었습니다.
  • 열 머리글의 사용자 지정 스타일을 보다 쉽게 지정할 수 있도록 클래스 이름이 추가되었습니다.
    • wj-sort-asc(열이 오름차순으로 정렬됨)
    • wj-sort-desc(열이 내림차순으로 정렬됨)
    • wj-filter-on(열에 활성 필터가 포함됨)
    • wj-filter-off(열에 비활성 필터가 포함됨)
  • Angular 성능을 위해 FlexGrid 셀 템플릿이 향상되었습니다.
  • 왼쪽 단추에서만 정렬/선택할 수 있도록 FlexGrid 마우스 처리기가 변경되었습니다(상황에 맞는 메뉴를 위해 오른쪽 단추 예약)
  • 값 및 조건 필터링을 지원하도록 그리드 필터가 향상되었습니다.
  • 메뉴를 분할 단추로 전환하는 Menu.isButton 속성이 추가되었습니다.
  • 이제 ng-model 지시문을 사용하여 Input 및 Gauge 지시문을 바인딩할 수 있으며 이런 방식으로 ng-model과 관련된 기능을 얻을 수 있습니다.
  • 셀의 style.overflow 속성을 선언적으로 변경하도록 허용하는 WjFlexGridCellTemplate.cell-overflow 특성이 추가되었습니다.
  • 그리드 스크롤 성능(특히 IE에 표시됨)이 최적화되었습니다.

빌드 42의 새로운 기능:

  • 최적화된 그리드 스크롤 성능.
  • 끌고 있는 행과 열의 위치를 나타내는 마커를 추가했습니다.
  • 모바일 장치에서 드롭다운 그리드 셀의 동작을 개선했습니다.
  • 사용자가 왼쪽 상단의 고정 셀을 클릭할 때 모두 선택하는 기능을 추가했습니다.
  • 행 및 열 크기 조정 커서를 '열 크기 조정' 및 '행 크기 조정'으로 변경했습니다.
  • 사용자가 마우스를 놓을 때까지 행 및 열 크기 조정을 연기하는 FlexGrid.deferResizing 속성을 추가했습니다.
  • 대체 바인딩을 기반으로 열을 정렬하는 Column.sortMemberPath 속성을 추가했습니다.
  • 팝업 요소 배치에 사용되는 wijmo.showPopup 및 hidePopup 유틸리티 메서드가 표시됩니다.
  • ListBox 컨트롤에서 다중 항목 선택에 대한 지원을 추가했습니다. checkedMemberPath 속성을 itemsSource 컬렉션에 있는 Boolean 속성의 이름으로 설정하면 ListBox에서 각 항목에 확인란을 추가하고 현재 항목이 선택 또는 선택 해제될 때 itemChecked 이벤트를 발동합니다.
  • wijmo.isTouchDevice 메서드를 사용하지 않도록 하고 제거했습니다. 장치가 아닌 브라우저를 실제로 테스트하는 메서드였기 때문에 쓸모가 없었습니다.
  • 마우스 포인터가 차트 화면 위에서 움직이는 동안 FlexChart에 선택적인 방향선으로 연속 데이터 요소 정보를 제공하는 LineMarker 클래스를 wijmo.chart 모듈에 추가했습니다.
  • 사용자가 지정한 FlexChart에 표시되는 데이터 범위를 선택할 수 있게 해주는 RangeSelector 클래스가 있는 wijmo.chart.interaction 확장 모듈을 추가했습니다.
  • 모든 유형의 FlexGrid 셀(열 및 행 머리글, 편집 셀 등)에 사용자 지정 템플릿을 정의할 수 있게 해주는 Angular의 WjFlexGridCellTemplate 지시문을 추가했습니다.
  • 셀 템플릿에서 이제 요소 수준 지시문을 지원합니다.
  • Angular의 Wijmo 자식 지시문을(WjFlexGridColumn 또는 WjFlexChartSeries 등) ng-repeat 지시문과 함께 사용할 경우 이제 항목 순서를 포함한 ng-repeat 소스 배열과의 완전한 동기화를 지원합니다.

빌드 39의 새로운 기능:

  • FlexGrid.sortRowIndex 속성을 추가했습니다. 이 속성에서는 열 머리글 패널에서 정렬 아이콘을 표시하며 클릭하여 열을 정렬할 수 있는 행 인덱스를 결정합니다. 기본적으로는 null로 설정되므로 패널의 마지막 행이 '정렬 행'이 됩니다.
  • 데이터를 FlexGrid에 붙여넣을 때 편집 이벤트를 발동합니다(붙여넣을 때 사용자가 특정 셀을 덮어쓰는 것 방지).
  • 열 필터가 복합 속성(예: 'state.name', 'state.pop')에서 작동하도록 개선되었습니다.
  • 복합 속성에서 작업에 사용되는 wijmo.Binding 클래스를 표시합니다.
  • FlexGrid 컨트롤에 끌어서 놓기 그룹화 기능을 추가하는 GroupPanel 컨트롤이 있는 새 wijmo.grid.grouppanel 모듈.
  • 정렬 방향과 무관하게 null을 목록의 하단에 두도록 CollectionView 정렬 논리를 개선했습니다(Excel 동작).
  • 구성자의 ObservableArray 초기화를 허용합니다.
  • GroupRow 노드 셀에서 값 서식 지정이 개선되었습니다.
  • 페이지 사이에서 그룹이 분할되는 것을 방지하고 모든 항목을 집계에 포함하도록 페이지가 지정된 CollectionViews의 그룹화 논리가 개선되었습니다(이전 동작이었던 현재 페이지의 항목과 반대되는 개념).
  • CollectionView.sortConverter 속성을 추가했습니다. 이 속성에서는 CollectionView의 정렬 동작을 사용자 지정하는 데 사용되는 함수를 지정합니다.
  • FlexGrid 정렬이 dataMaps를 고려하도록 개선되었습니다. 이제 표시 값을 기반으로 그리드가 정렬됩니다(이전 동작이었던 원시 데이터 값과 반대되는 개념).
  • 그리드 키보드 처리를 확장하여 이제 ctrl+home 및 ctrl+end를 사용하면 그리드의 첫 번째 및 마지막 셀로 이동합니다(현재 행의 첫 번째와 마지막 셀로 이동하는 home/end와 반대되는 개념).
  • Gauge.origin 속성을 추가했습니다. 이 속성은 포인터 범위를 칠하는 데 사용되는 시작점을 결정합니다. 이 값을 null로 설정하면 범위가 음수 값에서 양수 값으로 확장될 경우 계기에서 최소 속성이나 0을 사용합니다.
  • 사용자가 값을 입력하는 동안 InputNumber 값을 최소값과 최대값 사이에 넣습니다.
  • 터치 장치에서 입력 컨트롤의 동작이 개선되었습니다.

빌드 32의 새로운 기능:

  • 차트 데이터 레이블에 대한 지원을 추가했습니다(새로운 속성 FlexChart.dataLabel 및 FlexPie.dataLabel).
  • 주어진 셀의 바인딩을 검색하는 FlexGrid.getCellBoundingRect 및 GridPanel.getCellBoundingRect 메서드를 추가했습니다.
  • 여러 구독자가 셀을 사용자 지정할 수 있게 해 주는 FlexGrid.formatItem 이벤트를 추가했습니다 (itemFormatter에서는 하나만 허용).
  • 자동 크기 조정 동작을 사용자 지정하는 FlexGrid.AutoSizeMode 속성과 새로운 이벤트 autoSizingColumn, autoSizedColumn, autoSizingRow, autoSizedRow를 추가했습니다.
  • 클리핑 컨테이너에서 DropDown 컨트롤 동작이 개선되었습니다.
  • 두 개의 새 글리프: .wj-glyph-check 및 .wj-glyph-filter를 추가했습니다.
  • 이제 Wijmo의 자식 Angular 지시문(예: wj-flex-grid-column)을 ng-repeat 지시문으로 정의할 수 있습니다.

빌드 27의 새로운 기능:

  • 차트 계열 x 바인딩의 문제를 해결했습니다.

빌드 26의 새로운 기능:

  • wijmo.grid.Column 구성자에 초기화 옵션을 추가했습니다.
  • InputColor 및 ColorPicker에서 기본 색을 흰색으로 변경했습니다.
  • 로그 축 지원을 추가했습니다(새로운 Axis logBase 속성).

빌드 25의 새로운 기능:

  • FlexGrid에 frozenRows 및 frozenColumns 속성을 추가했습니다. 고정 셀은 머리글 셀과 마찬가지로 스크롤할 수 없지만 일반 셀처럼 선택하고 편집할 수 있습니다.
  • Axis 속성 itemsSource, binding, itemFormatter를 추가했습니다. 이러한 속성은 축 레이블 사용자 지정을 제공합니다.
  • 축에서 모양이 겹치는 레이블을 제어하는 Axis overlappingLabels 속성을 추가했습니다. 기본적으로 겹치는 레이블은 숨겨집니다.
  • Axis.rangeChanged 이벤트를 추가했습니다.

빌드 24의 새로운 기능:

  • wijmo.input 모듈에 InputColor 및 ColorPicker 컨트롤을 추가했습니다.
  • Color 클래스에 toHsb, toHsl, fromHsb, fromHsl 메서드를 추가했습니다.
  • Globalize.formatNumber에서 .NET 규격에 따라 'd' 형식을 지키도록 개선되었습니다. (예: Globalize.formatNumber(-1234, 'D6') == '-001234'
  • )
  • 차트 축 보조 눈금과 눈금선을 추가했습니다(Axis 클래스의 'minorTickMarks', 'minorGrid' 속성).
  • wijmo.chart.Axis.origin 속성을 추가했습니다. 이 속성을 사용하면 그림 영역 안에 축 위치를 지정할 수 있습니다.
  • Angular 지시문과 Knockout Bindings에 'initialized' 이벤트와 'isInitialized' 부울 속성을 추가했습니다. 이 속성에서 true 값을 가져오면 특성 및 자식 지시문에 정의된 값으로 지시문에서 컨트롤을 초기화한 후 이벤트가 트리거됩니다.

빌드 23의 새로운 기능:

  • jQuery에 대한 종속성을 제거했습니다.
  • FlexGrid : wijmo.grid.Column.showDropDown 속성을 추가했습니다.
  • 새로운 샘플 : 열 선택기, 사용자 지정 머리글, AngularEvents 등...

빌드 22의 새로운 기능:

  • KnockoutJS 지원
  • InputMask 컨트롤
  • FlexGrid : 클립보드 지원
  • 클립보드 지원
  • 열: mask, required, inputType 속성
  • FlexChart : 다중 축 지원, 레이블 각도
  • InputData, InputTime : mask 속성을 추가했습니다.
  • 온라인 도움말 : 주제 확장/축소, 상속된 회원 표시/숨기기
  • 새로운 샘플 : 장바구니, 대시보드 등