Architecture News

用生成式 AI 集成丰富 React 应用程序

2月 2, 2024
KendoReact 2024 Q1 添加一个为 AI 提示生成、响应交互和命令执行提供直观 UI 的新组件。

KendoReact by Telerik is a professional UI kit of more than 120 responsive and customizable native UI and DataViz components for React developers. Designed to save time building powerful high performance React apps, it helps ensure a modern, consistent look-and-feel across your app's UI.

KendoReact v7.1.0, which is part of the 2024 Q1 release, introduces an "AIPrompt" component which allows React developers to integrate generative AI services into their applications. With it you can set up custom suggestions to actively guide users, customize the generate button and prompt input field, and define custom prompt commands so it will do a certain action when a specific command is given. This component also enables you to adapt its behaviour based on user interaction, to ensure it responds smoothly, as it emits several user triggered events. This will help to give your application a modern, customizable and seamless UI.

To see a full list of what’s new in 2024 Q1 (v7.1.0), see our release notes.

KendoReact is licensed per developer and is available as a perpetual license with a 1 year support subscription, which is available in 3 tiers: Lite, Priority or Ultimate. See our KendoReact licensing page for full details.

KendoReact is available to buy in the following products:

为用户提供选择日期的简单方法

2月 2, 2024
日期编辑器提供了一种直观、可定制和高效的方法来输入、显示和编辑日期，使日期输入更快、更容易。

A date editor control is a user interface element designed for selecting and entering dates. It typically combines a text field for manual input with a calendar popup for visual selection. Beyond basic date picking, many controls offer features like time selection, range definition, drop-down lists for pre-defined dates, and even input masks for enforcing specific date formats. Commonly found in applications like forms, booking systems, and calendars, date editor controls streamline date input, improving user experience and data accuracy.

Several React data editor collections provide date editors including:

  • DevExtreme Complete Data Editors (part of DevExtreme Complete) by DevExpress includes DateBox and DateRangeBox UI components for React, offering users flexible date and time entry with support for a range of formats.
  • KendoReact Data Editors (part of KendoReact) by Telerik is a UI kit for React developers that boasts a flexible and customizable interface for date/time editing, with built-in localization and date range selection.
  • Wijmo Input and Editors (part of Wijmo) by MESCIUS (formerly GrapeCity) offers several date/time input controls that fully support React, including an intuitive calendar and time picker with support for valid ranges.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) provides a lightweight date picker component for React with support for range restriction and globalization.

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

Compare React Data Editors

揭示多个变量之间的关系

2月 2, 2024
散点图/气泡图有助于您同时跨三个因子发现趋势、比较量级并识别聚类。

Scatter and bubble charts are used to display data points on a two-dimensional graph. While scatter charts use dots to represent data points, bubble charts add an additional dimension by varying the dot size, often representing volume or intensity. These charts are useful for showing relationships between variables and for identifying patterns or trends in data.

Several Angular chart controls offer scatter and bubble charts including:

  • Highcharts Core lets you craft interactive surface and bubble charts with detailed customization and dynamic animations.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) integrates responsive surface and bubble charts into your Angular applications, providing custom themes.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) empowers you to add dynamic surface and bubble charts with advanced data binding to your Angular projects.
  • amCharts 5: Charts visualizes multi-dimensional data in engaging surface and bubble charts, offering rich interactivity and drill-down options.

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

Compare Angular Chart Controls

突出显示符合特定条件的数据

2月 2, 2024
条件格式直观地突出显示了关键的电子表格数据点、趋势和异常情况，从而加快了分析和决策速度。

Conditional formatting in spreadsheets automates the visual highlighting of cells or ranges based on predefined criteria. This functionality aids data analysis by rapidly drawing attention to specific values, ranges, or text entries. By employing color scales, gradients, or text changes, conditional formatting helps users identify patterns, exceptions, and trends within large datasets, streamlining the interpretation and communication of key insights.

Several JavaScript spreadsheet controls offer conditional formatting including:

  • Telerik Spreadsheet jQuery (part of Kendo UI) allows customizable cell formatting, including number, date/time, styles, and conditional formatting by setting a color and a condition to the format string.
  • SpreadJS by MESCIUS (formerly GrapeCity) supports conditional formatting in cells with several conditional rule types to choose from such as average, cell value, duplicate, formula, specific text and more.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) allows you to conditionally format the background and font settings of cells in a worksheet based on predefined criteria such as average, blank, value, or date.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) lets you highlight a cell or a range of cells with a certain color based on applied conditions, and showcases data with data bars, color scales, and icon sets.

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

Compare JavaScript Spreadsheets

确保网格跨设备显示一致

2月 1, 2024
支持响应式布局的网格控件可确保在桌面、移动设备和 Web 上跨各种屏幕尺寸访问您的数据。

Leveraging a Blazor grid control with responsive layout empowers your application with optimal data visualization across diverse screen sizes and orientations. This enhances the user experience by ensuring seamless navigation, readability, and interaction with grid content, regardless of whether it's being accessed from a desktop computer, tablet, or mobile phone. This flexibility fosters wider accessibility, improves user engagement, and ultimately strengthens the overall value proposition of your Blazor application.

Several Blazor grid controls offer responsive layouts including:

  • DevExpress Blazor Data Grid (part of DevExpress ASP.NET and Blazor) seamlessly adapts to various screen sizes with column resizing and flexible layouts.
  • FlexGrid for Blazor (part of ComponentOne Studio Blazor Edition by MESCIUS) leverages a flexible grid system for a fluid and responsive user experience across devices.
  • Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) optimizes columns and layouts for automatic device-perfect viewing.
  • Telerik UI for Blazor Grid (part of Telerik UI for Blazor) enhances mobile usability with built-in touch gestures and responsive breakpoints.

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

Compare Blazor Grid Controls