DevExpress WPF中文教程：如何使用虚拟源将WPF数据网格绑定到任何数据源？

DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件的衍伸产品，还是以数据为中心的商业智能产品，都能通过DevExpress WPF控件来实现。

虚拟源允许您将DevExpress WPF GridControl绑定到任何数据源，即使总记录计数未知。GridControl只请求顶级记录或某个页面，您可以指定数据源支持的所需数据操作。

获取DevExpress WPF v25.1正式版下载

下图显示了GridControl绑定到一个从Stack Exchange获取数据的虚拟源：

绑定到任何数据源

您可以将DevExpress WPF GridControl连接到任何数据源：REST服务、NoSQL数据库、自定义WCF服务、EntityFramework或任何其他ORM。

基于角色访问控制的CRUD Web API服务一键解决方案

如果您将.NET 作为后端 API 的目标，请务必查看免费 Web API 服务，并立即注册免费副本。解决方案向导会搭建一个OData v4 Web API服务（.NET 6+），并集成了授权和 CRUD 操作，由 EF Core 和XPO ORM库提供支持。您可以使用OAuth2、JWT或自定义身份验证策略，并借助 Postman 或 Swagger（OpenAPI）等工具进行 API 测试。其众多功能之一是，我们内置 Web API 服务会根据授予用户的权限过滤受保护的服务器数据。高级/企业功能包括审计跟踪、下载报告的端点、文件附件、检查验证、本地化标题等。要使用免费的解决方案向导（用于创建 Web API 服务），请从 DevExpress 下载管理器运行通用组件安装程序。

虚拟源类型

无限源

绑定到InfiniteAsyncSource的GridControl显示无限滚动的数据：

分页源

绑定到PagedAsyncSource的GridControl在页面中显示数据：

最低要求

数据源需要公开API来连续获取部分数据（例如，跳过或获取部分数据，或通过页面索引获取部分数据），不需要总项目计数；排序、过滤和汇总计算操作是可选的。

启用特性

绑定到虚拟源的GridControl只请求顶级记录或某个页面，您可以指定允许哪些数据操作，例如最终用户可以按A、C和D列排序，Search Panel可以根据StartsWith条件过滤数据。

您可以控制GridControl发送给服务或数据库的请求，这可以防止使用非最优查询使数据库过载，GridControl自动隐藏所有不支持操作的UI元素。

工作流

异步虚拟源在UI线程中引发事件，并使用任务在并行工作线程中处理数据。您应该将任务传递给这些事件来获取摘要、行等，然后UI线程获取您获取的数据。

（可选步骤）虚拟源引发InfiniteAsyncSource.GetTotalSummaries（或PagedAsyncSource.GetTotalSummaries）事件，如果您希望在GridControl中显示摘要，则处理此事件和处理摘要。
虚拟源引发InfiniteAsyncSource.FetchRows（或PagedAsyncSource.FetchPage）事件来获取数据的第一部分。
当最终用户导航到下一页时，虚拟源引发InfiniteAsyncSource.FetchRows（或PagedAsyncSource.FetchPage）事件来获取数据的下一部分。
（可选步骤）当用户应用过滤器时，虚拟源引发InfiniteAsyncSource.GetUniqueValues（或PagedAsyncSource.GetUniqueValues）事件来获取唯一值并在下拉过滤器中显示它们。

MVVM支持

您可以在ViewModel级别实现虚拟源的数据操作，而无需依赖UI。

按照以下步骤配置虚拟源并支持MVVM模式：

将InfiniteAsyncSource或PagedAsyncSource的实例分配给GridControl的ItemsSource属性。
将实例的属性绑定到ViewModel中指定的命令。

XAML

XML 复制代码

<dxg:GridControl>
<dxg:GridControl.ItemsSource>
<dx:InfiniteAsyncSource ElementType="{x:Type local:IssueData}"
FetchRowsCommand="{Binding FetchIssuesCommand}"
GetUniqueValuesCommand="{Binding GetUniqueValuesCommand}"
GetTotalSummariesCommand="{Binding GetTotalSummariesCommand}"/>
</dxg:GridControl.ItemsSource>
<!-- ... -->
</dxg:GridControl>