JavaScript / HTML5 新聞

用新的磁貼管理器啟用自訂佈局

4月 11, 2025
Ignite UI for Web Components 5.3 包括一個新的佈局元件，其透過可拖動、可調整大小的磁貼增強使用者控制，以實現靈活顯示。

Infragistics Ignite UI for Web Components is a comprehensive library of pre-built, reusable UI components designed for constructing modern web applications using the Web Components standard. It offers a diverse collection of data grids, charts, and interactive elements, enabling developers to rapidly create high-performance, cross-platform applications without dependency complexities.

The Ignite UI for Web Components 5.3 update introduces a new Tile Manager component. This new feature lets users organize content into individual tiles that can be resized and rearranged on the fly. By enabling real-time layout customization, it supports more efficient content management and a tailored user experience. This kind of flexibility is especially useful in dashboard scenarios, where users benefit from controlling how and where information is displayed.

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

Infragistics Ignite UI for Web Components is part of Infragistics Ignite UI which is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Ignite UI licensing page for full details.

Ignite UI for Web Components is available to buy in the following products:

以節省空間的方式視覺化資料

4月 10, 2025
徑向圖提供了一種引人注目的方式來顯示比較或周期資料，將標準表示形式轉換為引人入勝的圓形視覺物件。

Radial charts provide an intuitive way to visualize hierarchical and categorical data. They display bars on a polar coordinate system instead of a cartesian system, which uses an x-y grid for positioning data. These charts represent values in a circular layout, making it ideal for comparing proportions and relationships between data points. Circular bar charts, a variation of the traditional bar chart, arrange data in a radial format for displaying comparisons between categories. They are particularly useful for visualizing periodic or cyclical data, such as time-based metrics. Sunburst charts break down hierarchical structures into concentric rings. The center of the chart typically represents the root category, while outer rings depict subcategories. These are used for visualizing part-to-whole relationships within a dataset.

Several React chart controls offer radial charts including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) enables developers to render concentric segments with gradient fills, animation effects, and interactive tooltips.
  • Highcharts Core by Highsoft enables the creation of radial bar charts facilitating the display of data in a circular layout with bars extending outward from the center.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) offers radial bar chart support enabling developers to build compact, circular metric displays.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) includes a radial bar chart type within its polar chart suite, optimized for performance and rendering quality.

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

Compare React Chart Controls

使用 Macro PDF417 對報表中的大資料進行編碼

4月 10, 2025
Stimulsoft Reports.JS 2025.2.1 允許開發人員跨多個條碼符號對大型結構化資料進行編碼，而不會犧牲佈局或清晰度。

Stimulsoft Reports.JS provides a robust reporting toolkit designed specifically for JavaScript applications. This library leverages a client-side architecture, offering a pure JavaScript report engine for efficient report rendering directly within web browsers. The solution includes a user-friendly report designer for building reports with various data sources and visualizations, along with a report viewer for seamless integration and display within your JavaScript applications. This eliminates the need for server-side dependencies or browser plugins, simplifying the development process for embedding powerful reporting functionalities into your web projects.

The Stimulsoft Reports.JS 2025.2.1 update introduces support for the Macro PDF417 barcode, allowing developers to handle larger data payloads within reports. Unlike the standard PDF417 barcode, which is limited in data capacity, the Macro PDF417 format enables the encoding of large data files by splitting them into multiple linked symbols. This enhancement is particularly useful when working with high-volume or multi-page reports, providing a reliable solution for encoding structured data without compromising layout or readability.

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

Stimulsoft Reports.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Reports.JS licensing page for full details.

Stimulsoft Reports.JS is available individually or as part of Stimulsoft Ultimate.

用高級資料網格處理大型資料集

4月 9, 2025
Infragistics Professional 包括一個高性能的 Angular 資料網格，專為與大型資料集進行可擴展的即時交互而設計。

Infragistics Professional is a comprehensive toolkit for software developers, offering a wide range of pre-built, high-performance UI components for building visually appealing and feature-rich applications across Angular, React, Web Components, Blazor, ASP.NET MVC, ASP.NET Core, Windows Forms, WPF and Xamarin. It includes controls such as data grids, charts, navigation menus, and more, along with productivity tools to streamline development processes.

Infragistics Professional delivers a powerful Angular Data Grid Component that enables developers to efficiently display, manage, and interact with large datasets in modern web applications. Designed for performance and scalability, it offers advanced features such as editing, sorting, filtering, and data export, all seamlessly integrated into the Angular framework. This allows developers to build responsive, real-time data experiences that meet the demands of enterprise-grade applications.

Infragistics Professional is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Professional licensing page for full details.

The Ignite UI for Angular Data Grid is available in the following products:

在 React 網格中啟用富資料編輯

4月 8, 2025
瞭解網格控制項中的高級編輯和驗證功能如何提升表格介面中的使用者交互和資料準確性。

Data interaction and manipulation features in grid components enable users to engage directly with tabular data—supporting not just the display of information, but also its editing, validation, and contextual input. These capabilities are critical for creating rich, form-like experiences within data grids, particularly in applications where user input and data integrity are central to the workflow. By offering a range of editing modes and validation tools, grid components help ensure that data remains both accessible and accurate, enabling intuitive and efficient user interactions.

Common grid editing and validation features include:

  • Custom Editing provides the flexibility to integrate specialized input controls like dropdowns, calendars, or sliders tailored to the data type.
  • Data Validation applies rules to user input, checking for correct formats or value ranges before accepting changes.
  • Editing/Inline Editing allows users to update cell content directly within the grid without navigating away.
  • Input Method Editor (IME) support enables users to input complex characters and symbols that are not available on a standard keyboard.
  • Popup Editor opens an overlay or modal window for more complex data input scenarios, useful when editing multiple fields or larger content.
  • Read-only Columns enforce data integrity by preventing modifications to specific fields.
  • Required Columns ensure that essential data fields are completed before submission, supporting robust data collection.

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

Explore React Data Interaction and Manipulation Features