React 뉴스

JavaScript로 Excel XLSX 파일 가져오기 및 내보내기

12월 5, 2023
MESCIUS사의 SpreadJS를 사용하여 완전한 JavaScript 스프레드시트를 엔터프라이즈 앱에 추가할 수 있습니다.

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. Spreadsheets are a primary medium for displaying and sharing vital company data and it is crucial that this data can be easily viewed and updated in your JavaScript applications.

In this blog post, MESCIUS Product Manager Kevin Ashley shows you how to leverage the power of SpreadJS to import and export Excel spreadsheets into your enterprise web applications. Steps include:

  • Setting up the JavaScript Spreadsheet Project
  • Adding Excel Import Code
  • Adding Data to the Imported Excel File
  • Adding a Sparkline
  • Adding Excel Export Code

View the complete blog and start working directly with Excel files in your JavaScript applications.

For more information visit our SpreadJS product page.

그리드와 스프레드시트의 접근성 향상

12월 5, 2023
Handsontable 14.0.0에서 스크린 리더 지원을 개선하고 새로운 키보드 단축키를 추가하여 보다 직관적이고 포괄적으로 탐색할 수 있습니다.

Handsontable is a JavaScript data grid component that provides a spreadsheet-like user experience for web applications. It allows developers to easily integrate data tables into their web pages, enabling users to manipulate data in a familiar and intuitive way.

Handsontable V14 now meets Web Content Accessibility Guidelines (WCAG) 2.1 AA standards, making it easier for people with disabilities to use the grid. This release also enhances screen reader compatibility by incorporating ARIA attributes into the HTML markup, ensuring seamless navigation for users of NVDA and JAWS on Windows, and VoiceOver on macOS.

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

For more information, visit our Handsontable product page.

그리드에 검색을 저장하는 방법

11월 29, 2023
Isomorphic Software의 SmartClient를 사용하면 동일한 프로세스를 매번 반복하는 대신 검색 기본 설정을 저장할 수 있습니다.

SmartClient is a comprehensive JavaScript component suite compatible with React, Vue, Angular, and more, that empowers you to craft large-scale, high-productivity Enterprise web applications. Its modern class system fosters clean encapsulation of application modules and screens, resulting in a more maintainable and comprehensible codebase.

In this blog post, Alex Fashakin demonstrates how to use SmartClient's built-in feature to save search preferences on grids. Steps include:

  • Creating the DataSource
  • Building the UI for the Saved Search feature
  • How to save searches on grids
  • Adding visible UI for storing search preferences

Read the complete blog to learn how to boost productivity with the SmartClient saved search feature.

For more information visit our SmartClient product page.

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

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.