Notícias sobre JavaScript / HTML5

Adicione navegação estruturada a relatórios JavaScript

Fevereiro 16, 2026
Incorpore um sumário ao desenhar relatórios em aplicativos JavaScript para estruturar as seções de forma clara e permitir uma navegação mais rápida e intuitiva.

A table of contents in a report is a structured list of sections and subsections that provides an organized overview of the document's content. It typically reflects the report's hierarchy and allows readers to navigate quickly to specific sections, either through page references in printed formats or clickable links in digital formats. This functionality improves usability by reducing the time required to locate information, supporting clearer document structure, and making complex or lengthy reports easier to understand and manage. For organizations that distribute detailed analytical or operational reports, a table of contents contributes to a more professional presentation and a more efficient review process.

Several JavaScript reporting components allow you to add a table of contents, including:

  • DevExpress Reporting provides a built-in table of contents control that can be bound to report elements, automatically generating entries based on defined heading levels and supporting interactive navigation in exported formats such as PDF and web previews.
  • ActiveReportsJS by MESCIUS includes a table of contents component that integrates with its JavaScript-based reporting engine, enabling developers to define document map nodes and create interactive, hierarchical navigation within browser-based report viewers.
  • Stimulsoft Reports.JS enables developers to create a configurable TOC using report bands, components, and bookmark functionality, with support for nested structures and interactive links in exported documents to improve navigation across complex reports.

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

Compare JavaScript Report Components

Resuma dados com cálculos automáticos em grade

Fevereiro 11, 2026
Possibilite decisões mais rápidas e bem-informadas com a agregação de grade embutida, que calcula automaticamente totais, médias, mínimos e máximos.

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

Use relatórios JavaScript em aplicativos Web em Java

Fevereiro 10, 2026
Use o ActiveReportsJS para adicionar a seus aplicativos Web em Java uma ferramenta de relatórios JavaScript totalmente do lado do cliente, sem dependências de relatórios do lado do servidor.

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.

Simplifique a entrada de dados em aplicativos Web

Fevereiro 10, 2026
Projete interfaces modernas com texto, números e campos booleanos usando editores de dados JavaScript para uma entrada de dados válida, eficiente e intuitiva.

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

Edite texto com formatação avançada diretamente nos campos de dados

Fevereiro 10, 2026
Permita a edição estruturada de texto com suporte a links, listas, tabelas e texto estilizado, e mantenha uma saída controlada e previsível.

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