JavaScript / HTML5 뉴스

React 스프레드시트 앱에서 데이터 유효성 검사

12월 15, 2023
데이터 검증은 정확성을 개선하고 오류 및 불일치를 방지하여 생산성을 높이는 데 도움이 됩니다.

Data Validation is a crucial feature for maintaining the integrity of data within a spreadsheet. It restricts the type of data or the values that users can enter into a cell. For example, a cell can be configured to only accept dates or numbers within a certain range. This minimizes input errors and ensures that data adheres to specified parameters, which is particularly important in scenarios where spreadsheets are used for data entry by multiple users or when the data feeds into critical business processes.

Several React Spreadsheet components provide data validation support including:

  • Jspreadsheet Pro implements custom data validation rules and error messages for robust data entry.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio) provides comprehensive data validation features, including highlighting invalid data.
  • Infragistics Spreadsheet React (part of Infragistics Ignite UI) offers flexible data validation options, enabling developers to enforce data integrity in React applications.
  • SpreadJS by MESCIUS supports a variety of data validation rules, ensuring data accuracy and consistency within React spreadsheets.

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

Compare React Spreadsheet Components

대화형 Circle Packing 차트 작성

12월 14, 2023
AnyChart JS 8.12.0에서 상호 작용 이벤트를 통해 Circle Packing 차트를 개선하여 사용자 상호 작용에 반응하는 역동적인 시각화를 활성화합니다.

AnyChart JS is a lightweight and robust JavaScript charting library that enables you to create stunning and interactive charts, dashboards, and maps. It provides a wide range of chart types, including line charts, bar charts, pie charts, scatter plots, and more. You can also customize the appearance of your charts using a variety of options, such as colors, fonts, and themes.

The AnyChart JS 8.12 release adds a suite of interactivity events to the Circle Packing chart, allowing you to attach event listeners to any chart element and create dynamic visualizations that respond to user interactions such as mouse movements, hovers, and clicks. This new feature enables you to add or modify information and reshape chart behavior in real-time, enhancing data exploration experiences.

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

AnyChart JS offers a range of Annual and Perpetual licensing options including Website, Internal, Saas, Enterprise, OEM, and Next Unicorn Licenses. For more information visit our AnyChart JS licensing page.

For more information, visit our AnyChart JS product page.

보고서 디자이너를 사용자 지정하세요

12월 14, 2023
요구사항에 맞게 UI 요소를 수정할 수 있는 유연성을 제공하는 보고서 디자이너 사용자 지정 API가 ActiveReportsJS 4.2에 도입되었습니다.

ActiveReportsJS by MESCIUS is a comprehensive JavaScript reporting solution that empowers developers to create interactive and dynamic reports within web applications. It offers a user-friendly design interface, a rich set of data visualization tools, and a flexible API, enabling the creation of reports that effectively present and analyze data for informed decision-making.

The ActiveReportsJS 4.2 release introduces a comprehensive customization API for the Report Designer which enables precise configuration of the user interface. This provides control over the visibility and layout of sidebar items, fine-tuning of menus and toolbars, and the ability to modify numerous UI elements to meet your users' needs.

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

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

MDBootstrap, ComponentSource에 합류

12월 11, 2023
ComponentSource가 MDBootstrap과 파트너십을 체결하여 개발자에게 웹 애플리케이션을 위한 Material Design UI 구성요소 및 템플릿을 제공합니다.

ComponentSource, a leading global provider of software components and development tools, has announced a new partnership with MDBootstrap, a software development company that specializes in Material Design based UI components and templates for responsive JavaScript web apps. This collaboration aims to offer customers a seamless experience by combining ComponentSource's extensive library of software components and developer tools with MDBootstrap's expertise in developing high-quality UI solutions.

MDBootstrap (also known as MDB), is a front-end development framework that combines the features of Bootstrap with Material Design. Available for JavaScript, Bootstrap, Angular, React, and Vue, it provides a comprehensive set of UI components, design blocks, and templates to help developers quickly and easily create modern and responsive web applications. MDBootstrap controls are used by over 3,000,000 developers and designers, including global brands such as Amazon, Samsung, Nike and IKEA.

Through this strategic partnership, ComponentSource enhances its extensive offering of premium software components, further cementing its position as a trusted provider of reliable and efficient solutions for developers, backed by guaranteed support.

For more information, explore the MDBootstrap product range.

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.