

























DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
DevExpress JS & ASP.NET Core v25.2已全新发布,新版本进一步升级了AI相关的扩展功能等,欢迎下载最新版组件体验!
DevExpress技术交流群12:1028386091 欢迎一起进群讨论
DevExtreme v25.2为 DataGrid 和 TreeList 组件添加了 AI 列支持功能,AI 列会根据组件数据和自定义提示生成有意义且基于上下文的单元格值,此功能将 DevExtreme DataGrid 和 TreeList 组件转变为具有 AI 增强功能的数据探索工具。
AI 列非常适合以下这些场景:

您可以在数据网格/树列表中定义一个或多个 AI 列,来扩大生成的洞察范围。AI 列完全支持标准列功能,例如重新排序、固定位置、调整大小和隐藏。
AI 列支持两种生成模式:自动模式和手动模式。在自动模式(默认模式)下,DataGrid/TreeList会在每次数据视图更新时生成 AI 列数据。在手动模式下,用户可以在需要时生成数据(这有助于您控制 AI token和信用的使用)。要选择生成模式,请指定 new columns[].ai.mode属性。
在标题栏中,AI 列会显示一个额外的 AI 菜单按钮,AI 下拉菜单包含以下元素:
您可以为每个 AI 列定义初始提示,并自定义核心 AI 选项(例如语言模型)。此外,还可以配置提示编辑器中使用的弹出窗口和文本框组件,以更好地满足特定需求。
注意:DataGrid/Treelist 会根据当前视图动态生成 AI 列数据,这些值不会保存到组件的数据源中,并且不会被纳入标准的排序和筛选操作中。
DevExtreme 表单内置了基于AI的智能粘贴功能,当用户复制非结构化文本(来自电子表格、文档、电子邮件、网页等)并激活智能粘贴功能时,AI会分析剪贴板内容,并将相关数据填充到每个表单字段中。
这种功能有助于实现数据输入的自动化、创建客户关系管理记录、提交支持工单以及完成调查问卷(尤其在从现有文本或文档中复制信息时非常有用)。

使用以下 API 可在表单组件中启用智能粘贴功能:
Angular
<dx-form>
<dxi-form-item
itemType="button"
name="smartPaste"
>
</dxi-form-item>
</dx-form>
React
function App() {
return (
<Form>
<ButtonItem name="smartPaste" />
</Form>
);
}
Vue
<template>
<DxForm>
<DxButtonItem name="smartPaste" />
</DxForm>
</template>
jQuery
$('#form').dxForm({
items: [{
itemType: 'button',
name: 'smartPaste',
}],
});
您可以对通用Smart Paste提示进行配置,来调整适用于您任务的解析方式。
您还可以通过 aiOptions 来配置每个表单字段:
在DevExtreme v25.2 版本中,发布了DevExpress Documentation MCP服务器,这是一个有助于AI助手更直接获取有关 DevExpress 产品(包括 DevExtreme 组件)信息的工具。该 MCP 服务器使您能够将 DevExtreme 整合到用户的AI驱动的工作流程中,并获得更高质量的结果。
在IDE中配置DevExpress MCP服务器后,Agent模式下兼容MCP的AI工具可以帮助您完成以下工作:

为了充分利用 MCP 服务器:
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。