报表设计器和报表查看器的预览

全新的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（当使用拖放模式时）来控制卡片字段的可见性。

更多产品资讯及授权，欢迎来电咨询：023-68661681

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

关于慧都科技

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

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