JavaScript / HTML5 新闻

用自动网格计算总结数据

2月 11, 2026
通过自动计算总额、平均值、最小值和最大值的内置网格聚合系统，实现更快、更明智的决策。

Aggregation in grids is the ability to automatically calculate summary values such as sums, averages, minimums, and maximums directly within tabular data views. By displaying these calculations alongside the underlying data, users can quickly understand trends, compare values, and identify outliers. This enables faster, more informed decision making. Typical use cases include showing total sales figures, calculating average performance metrics, tracking minimum and maximum thresholds, and summarizing financial, operational, or analytical data in real time within business applications.

Several React grid controls offer aggregation including:

  • DevExtreme React Data Grid (part of DevExtreme Complete) lets you calculate sums, averages, minimums, and maximums within grids.
  • KendoReact Data Grid Part of KendoReact by Telerik) allows you to summarize tabular data with built in aggregation, supporting totals and averages.
  • Infragistics Ignite UI for React Data Grid (part of Infragistics Ignite UI) facilitates grid aggregation, helping teams compare values and monitor thresholds.
  • Syncfusion React Data Grid (part of Syncfusion Essential Studio Enterprise) lets you apply flexible aggregation to grids, displaying totals and averages.

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

Compare React Grid Controls

在 Java Web 应用中使用 JavaScript 报表

2月 10, 2026
使用 ActiveReportsJS 将一个完全客户端的 JavaScript 报表工具添加到您的 Java Web 应用中，无需任何服务器端报表依赖项。

ActiveReportsJS is a powerful, lightweight reporting tool designed to integrate advanced reporting capabilities into any JavaScript application. ActiveReportsJS enables developers to create, view, export, and print richly formatted reports entirely on the client side - with zero server dependencies.

In this blog post, MESCIUS Product Engineer Sergey Abakumoff shows you how to integrate ActiveReportsJS, a 100% client-side JavaScript reporting tool with zero server dependencies, into a Java web application. Following his steps you will learn how to:

  • Create a Java application serving a JSON API using Spring framework
  • Initialize the data from a CSV file
  • Configure JSON API endpoints
  • Create an ActiveReportsJS report to visualize the data from the JSON API
  • Create a static HTML page to display the report in the report viewer

Detailed sample code is included to help you along.

Read the full blog to get started adding rich reporting capabilities to your Java web applications.

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.

简化整个网络应用的数据输入

2月 10, 2026
使用 JavaScript 数据编辑器设计带有文本、数值和布尔字段的新式接口，实现有效、高效且直观的数据录入。

Text, numeric, and boolean data editor components for JavaScript provide the fundamental building blocks for capturing and validating user input in web applications. These editors are designed to handle a wide range of data types and interaction patterns, helping developers present consistent, accessible, and predictable input experiences across forms, grids, and dialogs while integrating cleanly with application logic and data models.

Common editors include:

  • Masked Input Text Box restricts text entry to a defined format, such as phone numbers, dates, or identification codes, ensuring data is captured in a consistent and expected structure.
  • Numeric Spin allows users to enter numeric values using direct input or increment and decrement controls, often supporting constraints such as minimums, maximums, and step values.
  • Button Editor combines a text field with one or more embedded buttons to trigger actions such as lookups, dialogs, or calculations related to the entered value.
  • Checkbox represents boolean values using a simple on or off state, commonly used for options, preferences, and feature flags.
  • Text Box provides free-form text input for strings, supporting features such as validation, placeholders, and length limits.
  • Radio Group presents a set of mutually exclusive options, allowing users to select a single value from a predefined list.
  • Toggle Switch offers a modern alternative to checkboxes for boolean input, visually emphasizing the enabled or disabled state.
  • RTF Editor supports rich text formatting, enabling users to enter styled content such as bold text, lists, and links while maintaining structured output.
  • Token Box manages multiple discrete values within a single field, often used for tags, email addresses, or selected items from a data source.

For an in-depth analysis of features and price, visit our JavaScript data editors comparison.

Explore JavaScript Text, Numeric and Boolean Data Editors

在数据字段中直接编辑 Rich Text

2月 10, 2026
在保持可控且可预测的输出的同时，支持结构化文本编辑以支持链接、列表、表格和样式文本。

RTF editor support in a data editor component means the component can display, edit, and persist Rich Text Format (RTF) content, allowing users to work with formatted text that includes fonts, styles, alignment, and embedded elements rather than plain text. For software developers, this enables applications to store and manage rich textual data such as notes, descriptions, or documents directly within structured data processes, while relying on a standardized, well-supported format. The result is improved user input quality, consistent formatting across systems, and reduced need for custom text handling logic, while still maintaining compatibility with databases and backend services that expect structured data.

Several JavaScript data editor collections provide RTF editing capabilities including:

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

Compare JavaScript Data Editors

用实时线性仪表监测性能

2月 10, 2026
LightningChart JS v8.2 添加提供实时见解的新式线性仪表图，具备灵活的样式和适应性强的仪表盘布局。

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.2 update introduces a new Linear Gauge Chart that enables software developers to present real-time metrics in a clear, structured format within modern web applications. It supports continuous live data updates, configurable interpolated or discrete color steps for representing thresholds and ranges, and both vertical and horizontal orientations to accommodate different layout requirements. The chart also allows current values to be displayed directly on the gauge and supports custom icons, giving developers greater control over visual consistency while building intuitive, status-focused dashboards for monitoring and analytics use cases.

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

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.