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 v24.2已全新發布，新版本官宣了全新的聊天組件、集成了AI&聊天機器人等，歡迎下載最新版組件體驗！

DevExpress技術交流群11：749942875      歡迎一起進群討論

全新的聊天組件

全新的DevExtreme Chat Component (v24.2)允許您解決各種使用場景，并在您的下一個DevExpress驅動的web應用程序中引入實時通信支持。

使用DevExtreme Chat，您可以：

• 主持內部/人際互動（一對一或群聊），理想的社交網絡和/或內部協作。
• 集成人工智能服務和/或聊天機器人：將DevExtreme Chat連接到人工智能服務或聊天機器人，以獲得全天候支持服務。提供即時的答案，并通過智能交互擴展參與。
• 在支持專家和客戶之間引入即時通信選項。

DevExtreme Chat組件支持以下選項/功能：

• AI（人工智能）擴展
• 數據源支持
• 彈窗整合
• 自定義空狀態文本
• 用戶界面定制
• 消息模板
• 錯誤支持
• 可訪問性合規
• 鍵盤導航
• 國際化(從右到左)

注意：DevExtreme Chat是一個客戶端組件，需要一個獨立的后端解決方案來發揮其潛力。

設置初始消息和呈現新消息

要設置初始消息，請為消息分配 數組，或者使用 將Chat組件綁定到數據。

要呈現一條新消息，您必須：

• 如果使用，則更新items數組。如果使用Query，調用函數。
• 如果使用dataSource，則實現加載和插入CRUD操作。

無論使用何種方法，都必須將新消息發送到后端。

AI和聊天機器人的集成

使用DevExtreme Chat UI組件，您可以合并AI驅動的應用程序助手，實現受Copilot啟發的用戶界面等。要將這些功能引入下一個DevExtreme驅動的web應用程序，只需在后端設置適當的AI服務（Microsoft/OpenAI - GPT，Google - Gemini，通過Ollama的自托管模型或其他AI服務）。

新版本在DevExpress的兩款產品中充分利用了DevExtreme Chat的AI集成潛力：Web報表查看器和Web最終用戶報表設計器，同時還在實現中加入了DevExpress AI驅動的API。

首先，我們在DevExpress Web報表查看器中嵌入了一個受Copilot啟發的聊天窗口（用戶可以問自然語言問題來分析報表數據并獲得基于AI的見解）。

 其次，我們在DevExpress End-User Report Designer中嵌入了一個虛擬助手（用戶可以提交自然語言查詢以促進自定義報表設計過程）。

您可以從下面的GitHub倉庫下載這些例子：

管理用戶

DevExtreme Chat實例在用戶屬性中包含有關其所有者的信息，所有者消息向右對齊（或在RTL模式下向左對齊），而不顯示所有者的用戶名和頭像。

每條消息都包含有關發件人（）的信息，并包括姓名、頭像和所有頭像文本。如果沒有設置頭像，則顯示用戶的首字母縮寫，沒有名字的用戶被標記為“未知用戶”。

處理事件

輸入消息將觸發事件，使用事件處理程序執行消息后處理（如刪除敏感文字、在消息提要中顯示消息以及將消息發送到服務器進行存儲）。

開始輸入會引發，停止輸入會引發。通過使用這些事件處理程序，您可以管理數組（它顯示哪些用戶正在聊天UI中輸入）。

自定義UI元素

使用 和 控制日期和時間可見性，修改和的相關格式。

要自定義DevExtreme聊天消息，使用：

• 顯示圖像、圖表、表格、鏈接或任何視覺元素。
• 實現自定義按鈕，如“復制文本”或“重新生成聊天機器人響應”。
• 支持Markdown。
• 插入自定義標記。

使用數組顯示運行時錯誤（如“您已斷開連接”，“消息未發送”等）。

更多產品資訊及授權，歡迎來電咨詢：023-68661681

關于慧都科技

慧都科技是專注軟件工程、智能制造、石油工程三大行業的數字化解決方案服務商。在軟件工程領域，我們提供開發控件、研發管理、代碼開發、部署運維等軟件開發全鏈路所需的產品，提供正版授權采購、技術選型、個性化維保等服務，幫助客戶實現技術合規、降本增效與風險可控。

慧都科技是DevExpress的中國區的合作伙伴，DevExpress作為用戶界面領域的優秀產品，幫助企業高效構建權限管理、數據可視化（如網格/圖表/儀表盤）、跨平臺系統（WinForms/ASP.NET/.NET MAUI）及行業定制解決方案，加速開發并強化交互體驗。