DevExpress WPF中文教程:Data Grid - 如何使用虚拟源?(五)

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

本文将为大家一步一步演示如何在一个MVVM应用程序中使用虚拟源。

注意 :本教程使用Issues Service作为示例数据源,使用InfiniteAsyncSource作为虚拟数据源。

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

Step 5:启用数据编辑操作

您可以允许用户在GridControl中编辑数据。

实现细节
  1. 为用户可以编辑的列启用ColumnBaseAllowEditing属性。

  2. 设置TableView.ShowUpdateRowButtons属性为OnCellEditorOpen / OnCellValueChange来启用编辑整行模式。

  3. 创建一个Issues Service的UpdateRowAsync方法将更改保存到数据源的任务。

  4. 在ViewModel中创建UpdateIssue命令,要异步保存更改,请将任务分配给RowValidationArgsResultAsync属性。

  5. 将命令绑定到GridViewBase.ValidateRowCommand

xml

XML 复制代码
<dxg:GridControl>
<dxg:GridControl.Columns>
<dxg:GridColumn FieldName="Subject" IsSmart="True" AllowEditing="True"/>
<dxg:GridColumn FieldName="User" IsSmart="True" AllowEditing="True"/>
<dxg:GridColumn FieldName="Created" IsSmart="True" AllowEditing="True"/>
<dxg:GridColumn FieldName="Votes" IsSmart="True" AllowEditing="True"/>
<dxg:GridColumn FieldName="Priority" IsSmart="True" AllowEditing="True"/>
</dxg:GridControl.Columns>
<dxg:GridControl.View>
<dxg:TableView ShowUpdateRowButtons="OnCellEditorOpen"
ValidateRowCommand="{Binding UpdateIssueCommand}"/>
</dxg:GridControl.View>
</dxg:GridControl>

C#

cs 复制代码
[Command]
public void UpdateIssue(RowValidationArgs args) {
args.ResultAsync = UpdateIssueAsync((IssueData)args.Item);
}

static async Task<ValidationErrorInfo> UpdateIssueAsync(IssueData issue) {
await IssuesService.UpdateRowAsync(issue);
return null;
}
教程示例服务

本节主要介绍Issues Service,本教程将此服务用作示例数据源,它的API类似于StackExchange Questions API。

概述

Issues Service是一个静态类:

C#

cs 复制代码
public static class IssuesService {
public async static Task<IssueData[]> GetIssuesAsync(int skip, int take, IssueSortOrder sortOrder, IssueFilter filter);
public async static Task<UserData[]> GetUsersAsync();
public async static Task<IssuesSummaries> GetSummariesAsync(IssueFilter filter);
public async static Task UpdateRowAsync(IssueData row);
}
GetIssuesAsync方法

GetIssuesAsync方法返回一个任务,允许您获取一个包含以下数据的页面:

C#

cs 复制代码
public class IssueData {
public int Id { get; private set; }
public string Subject { get; set; }
public int UserId { get; set; }
public DateTime Created { get; set; }
public int Votes { get; set; }
public Priority Priority { get; set; }
}

Issues Service允许您应用以下排序顺序:

C#

cs 复制代码
public enum IssueSortOrder {
Default,
CreatedDescending,
VotesAscending,
VotesDescending,
}

Issues Service允许您应用以下过滤器:

C#

cs 复制代码
public class IssueFilter {
public Priority? Priority { get; private set; }
public DateTime? CreatedFrom { get; private set; }
public DateTime? CreatedTo { get; private set; }
public int? MinVotes { get; private set; }
}
GetUsersAsync方法

GetUsersAsync方法返回一个任务,允许您获取一个用户集合:

C#

cs 复制代码
public class UserData {
public int Id { get; }
public string FirstName { get; }
public string LastName { get; }
public string FullName => FirstName + " " + LastName;
}
GetSummariesAsync方法

GetSummariesAsync方法返回一个任务,允许您获得行的总数和最后创建对象的日期时间:

C#

cs 复制代码
public class IssuesSummaries {
public int Count { get; private set; }
public DateTime? LastCreated { get; private set; }
}
UpdateRowAsync方法

UpdateRowAsync方法返回一个任务,该任务允许您向数据源提交更改。

其他

GridControl在读取操作期间显示一个加载指示器,因为Issues Service以短时间延迟返回数据:

C#

cs 复制代码
public async static Task<IssueData[]> GetIssuesAsync(int skip, int take, IssueSortOrder sortOrder, IssueFilter filter) {
await Task.Delay(300).ConfigureAwait(false);
// ...
}
public async static Task<UserData[]> GetUsersAsync() {
await Task.Delay(300).ConfigureAwait(false);
// ...
}
public async static Task<IssuesSummaries> GetSummariesAsync(IssueFilter filter) {
await Task.Delay(300).ConfigureAwait(false);
// ...
}
public async static Task UpdateRowAsync(IssueData row) {
// ...
await Task.Delay(500).ConfigureAwait(false);
}
相关推荐
张人玉1 天前
C#WPF UI路由事件:事件冒泡与隧道机制
ui·c#·wpf
Aevget2 天前
DevExpress WPF v25.2新功能预览 - 支持将JetBrains Rider与报表设计器集成
.net·wpf·界面控件·devexpress·ui开发
Aevget2 天前
界面控件DevExpress WPF v25.1新版亮点:AI功能的全面升级
c#·.net·wpf·界面控件·devexpress·ui开发
Aevget2 天前
QtitanNavigation助力能源数字化转型:打造清晰可控的系统导航体验
c++·qt·嵌入式·能源·界面控件·ui开发
beyond谚语3 天前
第一章 WPF概述
wpf
necessary6534 天前
从工行“余额归零”事件看CAP定理:当金融系统在一致性与可用性之间做出选择
分布式·金融·wpf·可用性测试
棉晗榜4 天前
WPF隐藏控件后,怎么让其上部的控件空间自动撑高
wpf
壹佰大多5 天前
【Redisson分布式锁源码分析-3】
数据结构·分布式·mysql·spring·spring cloud·wpf·lua
LateFrames5 天前
以小白视角尝试 WPF / WinUI3 / MAUI / MAUI Blazor 构建 Windows 桌面程序
windows·wpf·maui·mauiblazor·winui3