JavaScript / HTML5 新聞

匯出 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

用雷達圖視覺化多變量調查資料

8月 13, 2025
SurveyJS Dashboard v2.3.0 添加用於排名問題的雷達圖，透過直觀的視覺效果一目了然地輕鬆比較多個值。

SurveyJS Dashboard is a JavaScript UI component that visualizes survey responses in real time using interactive charts and tables, helping teams analyze data quickly and efficiently. It integrates with any JavaScript framework, including Angular, React, Vue, and vanilla JS. The dashboard renders data based on JSON schemas created in Survey Creator and filled with responses from the Form Library. Its flexible, backend-independent design allows integration with any custom backend. With a variety of chart types, it supports use cases such as customer feedback, employee surveys, and market research by turning raw data into clear visual insights.

The SurveyJS Dashboard v2.3.0 update introduces support for radar charts, which developers can use to represent rank-based responses more intuitively, helping users gain clearer insights into survey data without additional configuration. This new chart type is automatically available for Ranking questions and can be selected directly from the chart type menu within the Dashboard.

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

SurveyJS Dashboard is licensed per developer with a one-time payment for indefinite use. Access to updates and technical support is available through a subscription. See our SurveyJS Dashboard licensing page for full details.

Learn more on our SurveyJS Dashboard product page.

精確編輯和優化試算表資料

8月 12, 2025
高級儲存格級工具讓使用者輕鬆輸入、格式化和調整試算表內容，從而將準確性與直觀的交互相結合。

Cell-level editing and interaction features are essential components of any modern spreadsheet application, as they directly influence how users enter, modify, and manage data at the most granular level. These capabilities go beyond basic typing to provide enhanced flexibility, control, and context, enabling users to maintain accuracy while streamlining workflows. A well-designed set of cell-level tools supports both data integrity and user productivity, ensuring that spreadsheets can handle everything from quick updates to complex, structured datasets with efficiency and precision.

Common features include:

  • Cell Comments/Tooltips enable contextual notes or guidance to be attached to specific cells, aiding collaboration and documentation.
  • Cell Formatting provides options for adjusting fonts, colors, borders, and number formats, improving both readability and visual appeal.
  • Clipboard Operations such as cut, copy, and paste simplify moving or duplicating content while preserving formatting and formulas.
  • Find / Replace simplifies locating and updating values across large datasets.
  • In-cell Data Editing allows users to enter or update values directly within a cell for faster, more intuitive workflows.
  • Inserting Columns enables users to add new vertical sections to the spreadsheet, creating space for additional data fields or reorganizing existing content without overwriting adjacent information.
  • Inserting Images enables embedding of visual elements directly into the spreadsheet for richer presentations.
  • Inserting Rows allows the addition of new horizontal entries, supporting expansion of datasets, schedules, or tables while maintaining the integrity of surrounding data.
  • Merging Cells lets users combine multiple cells into one for clear headings or layout adjustments.

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

Explore Angular Spreadsheet Features

慶祝與 RadiantQ 合作 15 周年

8月 11, 2025
自 2010 年以來，ComponentSource 和 RadiantQ 一直合作，為開發人員提供先進的 .NET 元件調度解決方案。

RadiantQ is a globally recognized developer of high-quality .NET-based UI components, with a clear focus on delivering robust scheduling and planning solutions. Their suite of products empowers developers to create sophisticated project management and resource scheduling interfaces within modern applications. Their offerings span a range of platforms, making them a go-to partner for organizations building cross-platform enterprise solutions.

At the core of RadiantQ’s product line is RadiantQ WPF Gantt, a powerful control set built natively in WPF for performance and elegance. With features like effort-driven scheduling, progress tracking, localization, flexible printing, and intuitive data binding, developers gain a complete toolkit for building dynamic, enterprise-grade scheduling applications.

Through its partnership with RadiantQ, ComponentSource is able to extend a compelling catalog of UI components to its global customer base. By offering RadiantQ’s specialized Gantt solutions, ComponentSource addresses a niche for customers seeking advanced project visualization tools, while ensuring worldwide access, licensing support, and regional purchasing convenience. This collaboration reinforces ComponentSource’s role as a trusted distributor of software components from leading vendors around the world.

RadiantQ WPF Gantt is licensed per named developer. It allows royalty-free distribution within your organization. It includes a one-year subscription with support and updates, while the Source Edition adds full source code and priority support. See our RadiantQ WPF Gantt licensing page for more details.

Learn more on our RadiantQ brand page.

在瀏覽器中創建和編輯 PDF 表單欄位

8月 8, 2025
使用 JavaScript PDF 檢視器直接在 PDF 表單中添加、重命名或刪除欄位，無需外部編輯器。

In JavaScript-based PDF viewers, the ability to add, edit, remove, and rename form fields within Acrobat-style PDF forms allows developers and users to dynamically manage form structure and content directly within the browser. This functionality enables real-time customization of interactive PDF documents without requiring external PDF editors. By supporting operations like inserting new text fields, adjusting existing ones, deleting unused fields, or updating field names to match data schemas, this feature significantly enhances the flexibility and usability of PDF forms. It benefits workflows such as document automation, digital signatures, and data collection, particularly in applications where user-driven or programmatic form manipulation is essential for tailoring documents to specific tasks or data sources.

Several JavaScript PDF viewer components allow you to add, edit and remove form fields from PDF forms, including:

  • Document Solutions for PDF by MESCIUS includes a JavaScript PDF viewer in the Professional edition that enables developers to modify and manage form fields.
  • PrizmDoc Viewer (part of PrizmDoc by Accusoft) provides an HTML5 document viewer which lets you adjust, rename, and delete PDF form fields within a JavaScript interface.
  • Syncfusion PDF Viewer (part of Syncfusion Essential Studio Enterprise) equips JavaScript applications with PDF form functionality, including interactive form field manipulation.

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

Compare JavaScript PDF Viewer Components