DevExpress WPF中文教程:Data Grid - 如何绑定到有限制的自定义服务(一)?

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

本文将演示如何将GridControl绑定到有限制的自定义服务(例如,不兼容的过滤器和排序),由于内容较多,我们将分为几篇文章来阐述,欢迎持续关注我们哟~

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

Step 1:获取数据并启用滚动

在此步骤中,您将创建一个虚拟源,从服务中获取行,并在GridControl中启用滚动。

注意 :在本教程中,使用Issues Service作为数据源的示例。

获取数据和启用滚动
  1. 添加一个GridControl,列对应于Issues Service的IssueData到您的项目窗口:

XAML

XML 复制代码
<dxg:GridControl x:Name="grid" >
<dxg:GridControl.Columns>
<dxg:GridColumn FieldName="Subject" />
<dxg:GridColumn FieldName="User" />
<dxg:GridColumn FieldName="Created" />
<dxg:GridColumn FieldName="Votes" />
<dxg:GridColumn FieldName="Tags" />
</dxg:GridControl.Columns>
</dxg:GridControl>

注意GridControl不能显示Tags 列的值,因为IssueData.Tags属性的类型是一个字符串数组。

  1. 初始化虚拟源:

C#

cs 复制代码
public MainWindow() {
InitializeComponent();
var source = new InfiniteAsyncSource() {
CustomProperties = GetCustomProperties()
};
}
static DynamicPropertyDescriptor CreateTagsProperty() {
return new DynamicPropertyDescriptor(
name: "Tags",
propertyType: typeof(string),
getValue: x => string.Join(", ", ((IssueData)x).Tags));
}
static PropertyDescriptorCollection GetCustomProperties() {
var customProperties = TypeDescriptor.GetProperties(typeof(IssueData))
.Cast<PropertyDescriptor>()
.Where(x => x.Name != "Tags")
.Concat(new[] {
CreateTagsProperty()
})
.ToArray();
return new PropertyDescriptorCollection(customProperties);
}
  1. 处理虚拟源:

C#

cs 复制代码
public MainWindow() {
// ...
Unloaded += (o, e) => {
source.Dispose();
};
}
  1. 从数据源获取行:

C#

cs 复制代码
public MainWindow() {
// ...
source.FetchRows += (o, e) => {
e.Result = FetchRowsAsync(e);
};
}
static async Task<FetchRowsResult> FetchRowsAsync(FetchRowsAsyncEventArgs e) {
IssueSortOrder sortOrder = GetIssueSortOrder(e);
IssueFilter filter = MakeIssueFilter(e.Filter);
const int pageSize = 30;
var issues = await IssuesService.GetIssuesAsync(
page: e.Skip / pageSize,
pageSize: pageSize,
sortOrder: sortOrder,
filter: filter);
return new FetchRowsResult(issues, hasMoreRows: issues.Length == pageSize);
}
static IssueSortOrder GetIssueSortOrder(FetchRowsAsyncEventArgs e) {
return IssueSortOrder.Default;
}
static IssueFilter MakeIssueFilter(CriteriaOperator filter) {
return null;
}

通过将生成的虚拟源实例赋值给DataControlBase.ItemsSource属性,将GridControl绑定到虚拟源:

C#

cs 复制代码
public MainWindow() {
// ...
grid.ItemsSource = source;
}
相关推荐
软泡芙30 分钟前
【WPF 】MVVM 设计模式在 WPF 中的实战应用
设计模式·wpf
for_ever_love__1 小时前
UI学习:单例传值
学习·ui·ios·objective-c
for_ever_love__1 小时前
UI学习:通知传值
学习·ui·ios·objective-c
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_1:(全套原生Input+表单结构拆解)
前端·css·ui·html
慕容卡卡2 小时前
Claude 使用神器(web页面)--CloudCLI UI
java·开发语言·前端·人工智能·ui·spring cloud
qq_452396232 小时前
第十四篇:《持续集成中的UI自动化:Jenkins/GitHub Actions集成》
ui·ci/cd·自动化
ZC跨境爬虫2 小时前
Apple官网复刻第二阶段day_6:(统一页脚模块封装+CSS公共复用体系落地)
前端·css·ui·重构·html
张小俊_2 小时前
WPF 跨线程 UI 更新与硬编码赋值引发的 Bug 排查
c#·bug·wpf
吴声子夜歌3 小时前
Vue3——UI组件库Element Plus(二)
javascript·vue.js·ui·elementplus
qq_452396233 小时前
第十三篇:《UI自动化测试框架设计:整合TestNG/JUnit + Allure报告》
ui·junit