JavaScript / HTML5 新闻

用单选字段改进了数据录入

3月 27, 2026
无线电组允许用户选择一个字段预定义值，从而减少输入错误，使结构化数据录入更快更清晰。

A radio group is a user interface element that presents a set of predefined options where only one value can be selected at a time for a particular field. It allows users to choose a single state, category, or configuration directly within the editing interface, with the selected option mapped to the underlying data value. This approach improves data consistency by preventing invalid combinations, simplifies validation logic by constraining input to known values, and accelerates data entry by replacing manual text input with clear, clickable choices that reduce ambiguity and input errors.

Several Vue.js data editor collections include radio group functionality, including:

  • Kendo UI Vue Data Editors (part of Kendo UI by Telerik) lets you integrate radio group editors into data forms and grids, enabling single-value selection with clear options.
  • DevExtreme Vue Data Editors (part of DevExtreme Complete by DevExpress) allows you to create radio groups, supporting mutually exclusive selections that simplify input.
  • JQWidgets facilitates radio group controls inside data editors, allowing users to select one predefined option while maintaining structured data entry and reliable validation.
  • Smart UI (Smart HTML Elements) lets you configure radio group editors that present exclusive options for a field, helping ensure accurate data selection.

For an in-depth analysis of features and price, visit our comparison of Vue.js data editor collections.

Compare Vue.js Data Editors

庆祝与 OptimaJet 合作一周年

3月 25, 2026
在过去一年中，ComponentSource 和 OptimaJet 一直合作，帮助开发人员创建、管理和渲染复杂的网页表单。

ComponentSource and Optimajet have built a strong partnership focused on helping developers create, manage, and render complex web forms. OptimaJet provides flexible, developer-friendly components designed to simplify business process management, enabling teams to build scalable, efficient applications while reducing development time and cost.

At the core of their offering is Optimajet FormEngine, which helps developers to rapidly design dynamic, customizable forms with minimal effort. It supports complex logic and data handling, and provides the flexibility needed to adapt forms to specific business requirements across a wide range of industries.

This collaboration enables ComponentSource to further differentiate its product portfolio by offering advanced form-building solutions that meet modern development demands. By distributing OptimaJet’s products globally, ComponentSource ensures developers worldwide can easily access, evaluate, and implement these tools, strengthening its position as a trusted source for high-quality development components.

Learn more about Optimajet.

启用插件访问文档处理 API。

3月 24, 2026
Text Control DS Server 5.0 添加新的依赖注入服务，使插件能够直接与文档处理功能契合。

TX Text Control DS Server is a server-side document processing solution designed to integrate document generation, editing, and conversion capabilities into modern applications. Built for web, cloud, and service-based environments, it enables developers to programmatically create and manipulate rich-text documents such as DOCX, PDF, and HTML within their own systems. With APIs designed for integration into .NET applications and other backend services, it supports scenarios such as automated document generation, template-based reporting, and document workflows. By providing high-fidelity rendering and robust document processing on the server, it helps development teams incorporate powerful document functionality into enterprise applications without relying on client-side tools.

The DS Server 5.0 update introduces new Dependency Injection services for plugins, making it easier for developers to extend and integrate DS Server within enterprise applications. Using ASP.NET Core Dependency Injection, plugins can now access internal DS Server functionality through two new services. The IDocumentProcessingService provides programmatic access to document processing capabilities such as document conversion, mail merge processing, document manipulation, PDF form field extraction, and barcode generation. In addition, the IDocumentEditorSessionService enables plugins to interact with active Document Editor sessions, allowing developers to access and modify live documents, work with form fields, adjust formatting, or implement custom logic tied to editor activity. Together, these services provide a flexible way to build powerful extensions and integrate DS Server into complex systems and backend services.

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

Text Control DS Server is licensed per server and is available as an Annual License that includes software updates. See our Text Control DS Server licensing page for full details.

For more information, visit our Text Control DS Server product page.

用 React 组件更快地构建界面

3月 24, 2026
使开发人员能够使用预构建的 React 组件来创建丰富且一致的用户界面，无需从头开始构建复杂功能。

React components in UI suites provide prebuilt, reusable building blocks for creating modern, responsive web applications using the React framework. These components are designed to integrate effortlessly into React's declarative model, enabling developers to construct complex user interfaces while maintaining consistency, performance, and maintainability. By offering a comprehensive set of controls and visual elements, UI suites help accelerate development and reduce the effort required to implement advanced functionality from scratch.

Common controls include:

  • Chart components deliver interactive data visualizations that help users explore trends, comparisons, and patterns directly within the interface.
  • Data Grid components provide high-performance tabular data handling with features such as sorting, filtering, and virtualization for large datasets.
  • Gantt components enable timeline-based project visualization, supporting task dependencies and scheduling scenarios.
  • Layout components offer flexible containers and responsive design tools to structure application content effectively.
  • Map components support geographic data visualization with interactive layers and region-based insights.
  • Toolbar components provide quick access to actions and commands through customizable button groups.
  • Menu components enable structured navigation with hierarchical options and contextual actions.
  • Gauge components present key metrics through visual indicators such as radial or linear displays.
  • Scheduling components support calendar-based views for managing appointments, resources, and time-based events.

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

Explore React Controls

用网格中的单元合并增强数据清晰度

3月 23, 2026
通过将匹配值合并成更清晰、更简洁的表格，改进数据的可读性和组织，以加快分析速度。

Cell merging in grids combines adjacent cells with matching or conditionally defined values into a single cell, typically within a column. This reduces repetitive data and creates cleaner, more readable tables that are easier to scan and understand. By visually grouping related rows, it helps highlight patterns and relationships in large datasets. The feature can be applied automatically or customized, making it useful for scenarios such as financial reports, schedules, and inventory lists where repeated values can be consolidated for better clarity.

Several React grid controls offer cell merge support including:

  • KendoReact Data Grid (part of KendoReact by Telerik) lets you merge cells to reduce duplication, improving readability and presenting structured, easy to interpret data grids.
  • Wijmo React DataGrid (FlexGrid) (part of Wijmo by MESCIUS) allows you to combine matching cells into unified views, and enhancing clarity across complex datasets.
  • Handsontable by Handsoncode facilitates cell merging within grids to group related data, creating cleaner layouts and making large tables easier to scan and understand.
  • Infragistics Ignite UI for React Data Grid (part of Infragistics Ignite UI) enables merging of adjacent cells with identical values, delivering more organized, user friendly data.

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

Compare React Grid Controls