JavaScript / HTML5 뉴스

React 그리드에서 중요한 열을 계속 볼 수 있도록 유지하세요

11월 27, 2023
사용자가 대형 그리드를 가로로 스크롤하는 경우에도 열을 계속 볼 수 있도록 열 고정 기능이 도입됩니다.

Locked column functionality (also known as frozen or pinned column) allows users to keep one or more columns static while scrolling horizontally through a grid. This is an essential feature for comparing data across a wide grid, ensuring that key information, such as a row identifier column, remains in view.

Several React grid components offer column freezing functionality including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) can pin key columns for easy reference while scrolling through wide datasets.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) freezes columns to maintain the visibility of essential data during horizontal scrolling.
  • Ignite UI React Grid (part of Infragistics Ignite UI) keeps critical columns in view while scrolling horizontally through extensive data.
  • KendoReact Data Grid (part of KendoReact by Telerik) locks columns for persistent visibility when scrolling extensively across data.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) freezes columns for continuous access to important data during horizontal scrolling.

For an in-depth analysis of features and price, visit our comparison of React Grid components.

Compare React Grid Components

Angular 그리드의 데이터 유효성 검사

11월 21, 2023
유효성 검사(validation)는 그리드에 입력된 데이터가 정확한지 확인하여 오류 및 불일치를 줄이는 데 도움이 됩니다.

Data Validation ensures that input data meets certain criteria before it is accepted. This feature is crucial for maintaining data integrity and preventing user errors. For example, a grid might only allow date formats in a specific cell or prevent duplicate entries in a column, thereby enforcing data consistency.

Several Angular grid controls offer data validation support including:

  • Handsontable: Enforce data type restrictions, limit text input length, and set custom validation rules.
  • Jspreadsheet Pro Data Grid: Validate data against regular expressions, define custom validation callbacks, and utilize cell-level validation.
  • DataViewsJS: Implement data validation using custom data binding expressions, conditional formatting, and error messages.
  • Xceed DataGrid for JavaScript: Leverage client-side and server-side validation mechanisms, including data type checks, range limitations, and custom rules.

Alternatively, many Angular grid controls are available as part of multi-function suites:

  • DevExtreme HTML5 JavaScript Data Grid: Employ built-in data validation rules, enforce data type constraints, and handle custom validation scenarios.
  • Kendo UI for Angular Grid: Define validation rules using directives, apply data type restrictions, and utilize asynchronous validation.
  • Ignite UI Angular Grid: Implement data validation using custom editors, leverage built-in validation rules, and handle error messages.
  • SmartClient Grid: Utilize comprehensive data validation features, including data type checks, custom validation rules, and error handling.

For an in-depth analysis of features and price, visit our comparison of Angular grids.

Compare Angular Grids

Infragistics, Angular 17에 대한 지원 추가

11월 20, 2023
Ignite UI for Angular 23.1(17.0.0)은 최신 Angular 릴리스의 성능 관련 최적화를 활용합니다.

Infragistics Ignite UI for Angular is a comprehensive library of Angular-native UI controls and Material-based UI components, which includes a high-performance data grid and over 60 charts. Its WYSIWYG app builder helps you streamline your development process and deliver cutting-edge Angular solutions in a fraction of the time.

The 23.1 (17.0.0) release adds support for Angular 17, which offers enhanced performance through deferrable views, more intuitive syntax with built-in control flow, and accelerated builds for hybrid and client-side rendering.

To see a full list of what's new in version 23.1 (17.0.0), see our release notes.

For more information, visit our Infragistics Ignite UI for Angular product page.

SMI 지표로 주식 분석 향상

11월 16, 2023
amCharts 5: Stock Chart v5.5.3에서 스토캐스틱 모멘텀 지수 지표에 대한 지원을 추가하여 사용자가 정보에 입각하여 거래를 결정할 수 있도록 지원합니다.

amCharts 5: Stock Chart provides analytical tools for displaying time-based data, be it financial, stock or otherwise. It is a ready-made library that allows you to add interactive financial charts to a vast array of applications.

amCharts v5.5.3 adds built-in support for the Stochastic Momentum Index (SMI) to its bundled indicator control, allowing you to add the SMI to your charts via a simple user interface. This indicator reduces false signals by measuring the distance between the current closing price and the midpoint of the high/low price range. The SMI is a valuable technical indicator that can help traders identify potential trend reversals, capture momentum shifts, and make more informed trading decisions. Adding the SMI to your stock charts can help users gain a competitive edge in the market.

To see a full list of what's new in v5.5.3, see our release notes.

For more information, see our amCharts 5: Stock Chart product page.

SVG로 문서 렌더링 성능 향상

11월 15, 2023
Text Control DS Server 3.2.0이 이제 온라인 문서 편집기에서 문서를 벡터 데이터로 렌더링할 수 있습니다.

Text Control DS Server is an on-premise document services back-end for document processing. It includes a Microsoft Word compatible document editor, a lightweight document viewer, and a powerful document processing API.

Version 3.2.0 adds support for a new SVG rendering mode within the online document editor, improving performance in scenarios such as limited bandwidth or elevated ping times. By default the editor automatically determines the most suitable rendering method based on factors such as bandwidth availability.

To see a full list of what's new in version 3.2.0, see our release notes.

For more information, visit our Text Control DS Server product page.