DevExpress官网

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相关的扩展功能等，欢迎下载最新版组件体验！

点击获取DevExtreme v25.2正式版下载

DevExpress技术交流群12：1028386091      欢迎一起进群讨论

AI驱动的扩展功能

DataGrid/TreeList — AI列

DevExtreme v25.2为 DataGrid 和 TreeList 组件添加了 AI 列支持功能，AI 列会根据组件数据和自定义提示生成有意义且基于上下文的单元格值，此功能将 DevExtreme DataGrid 和 TreeList 组件转变为具有 AI 增强功能的数据探索工具。

AI 列非常适合以下这些场景：

• 记录分类：自动将您的数据按类型、优先级、来源等进行分组分类。
• AI摘要与见解：让人工智能总结信息、检测趋势并生成情感分析。
• 转换与翻译：将文本翻译成多种语言，并将信息转换为不同的格式（例如不同的地址格式）。
• 建议与指导：向AI询问针对您特定记录集的建议和最佳实践。

您可以在数据网格/树列表中定义一个或多个 AI 列，来扩大生成的洞察范围。AI 列完全支持标准列功能，例如重新排序、固定位置、调整大小和隐藏。

AI 列支持两种生成模式：自动模式和手动模式。在自动模式（默认模式）下，DataGrid/TreeList会在每次数据视图更新时生成 AI 列数据。在手动模式下，用户可以在需要时生成数据（这有助于您控制 AI token和信用的使用）。要选择生成模式，请指定 new columns[].ai.mode属性。

在标题栏中，AI 列会显示一个额外的 AI 菜单按钮，AI 下拉菜单包含以下元素：

• 提示编辑器：会弹出一个窗口，用户可在其中输入/修改人工智能提示内容，并能即时调整列数据的生成方式。
• 重新生成数据（Regenerate Data）按钮 ：根据生成模式，为所有可见单元格生成或刷新AI值，该按钮还允许用户重新应用当前提示或填补缺失的列值（例如，在添加新行之后）。
• 清除数据（Clear Data）按钮：会删除所有由AI生成的列值。

您可以为每个 AI 列定义初始提示，并自定义核心 AI 选项（例如语言模型）。此外，还可以配置提示编辑器中使用的弹出窗口和文本框组件，以更好地满足特定需求。

注意：DataGrid/Treelist 会根据当前视图动态生成 AI 列数据，这些值不会保存到组件的数据源中，并且不会被纳入标准的排序和筛选操作中。

表单 - AI智能粘贴

DevExtreme 表单内置了基于AI的智能粘贴功能，当用户复制非结构化文本（来自电子表格、文档、电子邮件、网页等）并激活智能粘贴功能时，AI会分析剪贴板内容，并将相关数据填充到每个表单字段中。

这种功能有助于实现数据输入的自动化、创建客户关系管理记录、提交支持工单以及完成调查问卷（尤其在从现有文本或文档中复制信息时非常有用）。

使用以下 API 可在表单组件中启用智能粘贴功能：

• aiIntegration：包含AI服务设置。
• smartPaste：在表单中添加了一个内置的Smart Paste（智能粘贴）按钮，若要在代码中启用此功能，请调用smartPaste(text) 按钮。

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 来配置每个表单字段：

• disabled：可防止智能粘贴功能填充此表单项。
• instruction：为AI添加自定义指令，来提高准确性和相关性。请指定格式、值范围或其他要求。

用于AI驱动文档访问的DevExpress MCP服务器

在DevExtreme v25.2 版本中，发布了DevExpress Documentation MCP服务器，这是一个有助于AI助手更直接获取有关 DevExpress 产品（包括 DevExtreme 组件）信息的工具。该 MCP 服务器使您能够将 DevExtreme 整合到用户的AI驱动的工作流程中，并获得更高质量的结果。

在IDE中配置DevExpress MCP服务器后，Agent模式下兼容MCP的AI工具可以帮助您完成以下工作：

• 生成并调试 DevExtreme 组件代码。
• 配置并自定义 DevExtreme 组件。
• 获取有关 DevExpress 的问题答案。
• 生成实现 DevExpress 文档中描述的场景代码。

为了充分利用 MCP 服务器：

• 确保提示的明确性：注明您的应用程序所使用的 DevExtreme 组件和框架的名称。例如，可以这样开始提示：“我在使用 Angular 中的 DevExtreme 数据网格。”
• 尽可能提供详细信息：在提示中添加相关的项目细节（例如文件名或结构）。这能让您的 AI 助手进行更具体的 MCP 查询，并生成更准确的结果。

更多DevExpress线上公开课、中文教程资讯请上中文网获取

关于慧都科技

慧都是⼀家⾏业数字化解决⽅案公司，专注于软件、⽯油与⼯业领域，以深⼊的业务理解和⾏业经验，帮助企业实现智能化转型与持续竞争优势。

慧都是DevExpress的中国区的合作伙伴，DevExpress作为用户界面领域的优秀产品，帮助企业高效构建权限管理、数据可视化（如网格/图表/仪表板）、跨平台系统（WinForms/ASP.NET/.NET MAUI）及行业定制解决方案，加速开发并强化交互体验。

相关产品： DevExpress Universal Subscription, DevExtreme跨平台开发框架,