Vue.js 新闻

用日历控件确保可靠的日期输入

9月 2, 2025
JavaScript 日历控件为在基于 Web 的应用程序中管理日期选择提供了可靠且直观的解决方案。

JavaScript calendar controls are user interface components that allow users to select and edit date values directly within data editing environments, such as forms or grids. These controls typically integrate a visual calendar picker, enabling consistent and accurate date input while reducing manual entry errors. For developers, they simplify validation, support localization, and integrate with various data sources, helping ensure a more efficient and user-friendly experience in web applications that require date-related input or filtering.

Several JavaScript data editor collections offer calendar controls including:

  • DevExtreme Complete Data Editors (part of DevExteme Complete by DevExpress) lets you embed a calendar editor that maintains date-entry consistency in browser‑based apps.
  • KendoReact Data Editors (part of KendoReact by Telerik) allows integration of a responsive calendar for intuitive date selection, supporting customization and keyboard navigation.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) facilitates calendar‑based date editing within JavaScript UI inputs, ensuring accurate date selection across modern frameworks.
  • Infragistics Ignite UI for React Data Editors (part of Infragistics Ignite UI) facilitates the use of a built‑in calendar editor, enabling developers to deliver precise date input.

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

Compare JavaScript Data Editors

更好地控制图表图例

8月 26, 2025
LightningChart JS v8.0 引入了经过全面改进的图例系统，具有更智能的默认值、灵活的定位和增强的自定义功能。

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.0 update completely reworks legend functionality, making legends a property of the chart, removing visual obstructions, and improving adaptability to available space. The API configuration is now more intuitive and capable, with built-in options supporting a wider range of use cases. Plug‑in support also enables easy extension or customization of legend behavior. By default, legends now appear automatically beneath trends, reducing developer setup time, while still allowing you to manually create multiple legends when needed. You can position legends using built-in presets or define custom placements, and control click behavior using either the provided handlers or your own. When creating series, you can also exclude specific ones from appearing in legends, giving you fine-grained control over legend content.

To see a full list of what's new in v8.0, 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.

通过对 RTL 的支持在 Vue.js 中设计报表

8月 22, 2025
使用支持从右到左布局的报表控件，Vue.js 开发人员可以装备其报表应用程序以轻松处理 RTL 语言。

RTL support (Right-to-Left) enables the creation and viewing of reports that can accommodate languages that are read from right to left, such as Arabic, Hebrew, Persian, Urdu, and so on. In the context of report design, this involves aligning text, tables, charts, and interface elements in a way that respects the natural reading direction of said languages, so that the report is displayed correctly for the target audience. Support for RTL languages is a key capability for developers and organizations operating in multilingual environments, ensuring users working in these languages can design, view, and interpret reports accurately and comfortably within the reporting application.

Several Vue.js reporting components include RTL support, including:

  • DevExpress Reporting offers Vue.js developers comprehensive report controls that support right-to-left layout alignment for RTL language environments.
  • ActiveReportsJS by MESCIUS lets you design and preview RTL-based reports with proper text alignment, layout orientation, and interactive viewing for RTL language users.
  • Stimulsoft Reports.JS also supports Vue.js as well as having built-in RTL rendering to ensure report content aligns as required for right-to-left languages.

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

Compare Vue.js Report Components

将 LAMBDA 函数直接应用于单元格选择

8月 15, 2025
SpreadJS 18.2 添加新的 Transform 命令，以在选定的单元格上执行 LAMBDA 公式并一步将其替换。

SpreadJS is a high-performance JavaScript spreadsheet and data presentation component designed for enterprise web applications. It enables developers to deliver Excel-like functionality directly within their web solutions, providing advanced features such as data binding, complex calculations, pivot tables, charts, and extensive formatting options. Fully compatible with modern JavaScript frameworks like React, Angular, and Vue, SpreadJS allows seamless integration and customization, empowering development teams to create interactive, data-driven user experiences without relying on external spreadsheet applications.

The SpreadJS 18.2 adds a new Transform command which enables you to apply LAMBDA functions directly to a selected range of cells and replace the original content with calculated results. This simplifies data transformations - whether mapping, filtering, or reshaping - into a clean, single-step process. With this feature, you can select any range and apply a custom LAMBDA formula - for example, converting units, adjusting values, or formatting entries - and have SpreadJS overwrite the selection with the computed results immediately. This removes manual steps like inserting formulas in separate cells, copying values, or pasting back as values. This feature integrates with SpreadJS’s existing LAMBDA capabilities to offer more interactive and efficient spreadsheet manipulation.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

在 Vue.js 中导出定义的数据范围

8月 14, 2025
具有内置导出选择功能的网格允许用户选择特定的行、列或单元格，而不是导出整个数据网格。

Export selection in a data grid is the ability to export only a defined range, the specific rows, columns or cells that a user has actively selected, rather than the entire dataset. This selective approach is particularly valuable when working with large data sets, as it allows users to extract and share only the most relevant subset of information without additional filtering or manual deletion after export. By reducing the volume of unnecessary data in exported files, it improves efficiency, helps maintain focus on the intended content, and can enhance security by avoiding the inclusion of sensitive or unrelated information. This targeted export capability is commonly used to output data in formats such as CSV, Excel, or PDF, supporting the integration of grid data into reporting and analysis processes.

Several Vue.js grid components allow you to export selections, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) provides the option to export a user-defined range to Excel or PDF in Vue.js applications.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) includes a "selection" export mode which gives users greater control over output by exporting a chosen range from the grid to PDF.
  • Handsontable by Handsoncode facilitates the export of selected ranges from a dataset in Vue.js apps, offering flexibility to share specific portions of complex or extensive grids.
  • Syncfusion JavaScript DataGrid (part of Syncfusion Essential Studio Enterprise) comes with options for exporting filtered, current page and selected records, and to Excel, CSV or PDF.

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

Compare Vue.js Grid Controls