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