Vue.js 뉴스

캘린더 컨트롤을 통해 날짜를 정확하게 입력하세요

9월 2, 2025
JavaScript 캘린더 컨트롤은 웹 기반 애플리케이션에서 날짜 선택을 관리할 수 있는 안정적이고 직관적인 솔루션을 제공합니다.

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(Right-to-Left) 언어 처리 기능을 탑재할 수 있습니다.

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는 선택한 셀에 LAMBDA 수식을 적용해 결과 값으로 한 번에 바꿀 수 있는 새로운 Transform 명령이 추가되었습니다.

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