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.1已全新发布，新版本发布了全新的CardView组件等，欢迎下载最新版组件体验！
报表设计器和报表查看器的预览
全新的CardView组件
DevExtreme v25.1附带了一个新的CardView UI组件——一个传统数据网格的替代品。
DevExtreme v25.1新版的CardView UI组件使用“卡片”布局呈现业务数据/信息，使其成为员工目录、联系人列表、产品目录或任务板的理想选择（与标准表格相比，CardView视图往往更吸引人，特别是当图像可视化至关重要时）。
每张卡片都包含以下内置UI元素：工具栏、封面图像、卡片内容（卡片的字段数据）、页脚，每个元素都可以使用公共API进行定制。
CardView卡片布局完全响应，支持多种屏幕尺寸，并附带两个布局选项：
- 自动布局：CardView决定每行卡片的最佳数量和相关大小。当调整大小时，CardView动态地修改它的布局，重新计算每行卡片的数量和相关的维度。
- 每行固定的卡数：您可以指定在布局中显示的卡的确切数量。当调整大小时，卡片大小会改变，但每行的卡片数量保持不变。
我们的目标是将所有DevExtreme DataGrid数据管理功能应用到DevExtreme CardView（并提供相同的数据相关功能/灵活性）。您将发现，新版本的实现允许任一组件跨多个使用场景处理相同的数据集，比如不同的屏幕分辨率。DevExtreme CardView v25.1支持以下数据管理功能：
- 排序：支持单排序和多排序操作。
- 分页：内置的分页器。
- 列重新排序：您可以允许用户重新排序列（卡片字段），还可以启用/禁用特定列的重新排序。
- 列可见性控制：像DataGrid一样，CardView包含一个列选择器，允许用户控制列可见性。
- 编辑：编辑设置允许您添加、更新和删除卡片，点击编辑按钮来激活一个带有字段的弹出窗口、进行编辑、运行验证并保存更改。
- 过滤：可作为列标题过滤器和过滤面板，产生的筛选器值取决于所有应用的筛选器，这些过滤器的同步由filterSyncEnabled属性控制。
- 搜索：CardView包含一个搜索面板，它的工作原理和DataGrid一样。
- 卡片选择：CardView支持单卡和多卡选择模式，在多选模式下，工具栏上显示“Select all”和“Clear selection”按钮，您可以配置这些按钮的工作方式——要么针对所有页面，要么仅针对当前页面。
Header面板
Header面板是CardView中的一个可视元素，类似于DataGrid中的列标题。
该面板允许用户执行以下操作：
- 排序，单击Header面板项对卡片进行排序。
- 重新排序，您可以拖动Header面板项来重新排序卡片中的字段，拖放指示器显示哪些拖放区域有效、哪些无效。
- 过滤，单击过滤器图标来访问值选择的下拉菜单。
- 列可见性控制，您可以通过将Header面板项拖拽到Column Chooser（当使用拖放模式时）来控制卡片字段的可见性。