Reactのニュース

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

インタラクティブな円充填グラフの作成

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
ActiveReportsJS 4.2では、要件に合わせてUI要素を柔軟に変更できるレポートデザイナーをカスタマイズするAPIを導入

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と提携し、Webアプリケーション用のマテリアルデザイン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.