JavaScript / HTML5 뉴스

사용자가 Angular 앱에서 텍스트의 서식을 쉽게 지정할 수 있도록 지원합니다

11월 27, 2023
서식 있는 텍스트 편집기로 Angular 앱을 개선하세요. 사용자에게 코딩 없이 서식이 지정된 콘텐츠를 손쉽게 만들고 편집할 수 있는 직관적인 인터페이스를 제공할 수 있습니다.

Rich Text Format (RTF) editors allow users to create and edit text with a variety of formatting options, such as font styles, colors, headings, lists, and images. Often used in web and desktop applications, such editors provide a WYSIWYG (what you see is what you get) interface, so users can see how their text will look as they format it. This allows formatted editing without the complexity of HTML markup or the need for separate word processing software.

Several Angular data editor collections provide RTF editing capabilities including:

  • DevExtreme Complete Data Editors (part of DevExtreme by DevExpress) empowers your Angular apps with rich text editing capabilities, including formatting options and image insertion.
  • Kendo UI for Angular Data Editors (part of Kendo UI by Telerik) helps users craft engaging content directly within your Angular applications, featuring comprehensive formatting tools and seamless integration.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) offers a rich array of formatting options and intuitive image integration.
  • jQWidgets Data Editors (part of jQWidgets) provides extensive formatting controls, image insertion and link embedding functionalities.
  • SmartClient Data Editors (part of SmartClient by Isomorphic Software) features comprehensive text formatting tools including font type and size, text color and alignment.

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

Compare Angular Data Editors

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.