DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据

作者 : admin 本文共3091个字,预计阅读时间需要8分钟 发布时间: 2024-06-10 共3人阅读

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

本教程演示了如何将GridControl添加到项目中,并将控件绑定到数据库:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图

获取DevExpress WPF v23.2正式版下载(Q技术交流:532598169)

1. 使用DevExpress Template Gallery(模板库)来创建一个新的Blank MVVM Application(空白MVVM应用程序),这个项目模版包含了一个样板View Model类,并设置MainView的数据上下文:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(1)

2. 将项目连接到本地数据库,示例如下:Blank .NET 6 App with the Northwind Database 。

3. 将GridControl工具箱项添加到MainView:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(2)

如果您的项目没有DevExpress.Wpf.Grid.Core.v23.2引用,Visual Studio将显示以下消息:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(3)

此消息通知您已添加所需的引用,并要求再次添加控件。

提示:如果您从NuGet源而不是从统一组件安装程序中获取DevExpress产品,则工具箱中不包含DevExpress控件,除非您添加相应的NuGet包。

跳转到Tools | NuGet Package Manager | Manage NuGet Packages for Solution,然后添加DevExpress.Wpf.Grid NuGet包。

4. 选择GridControl然后调用它的Quick Actions(快捷操作)菜单,单击Bind to a Data Source来启动Items Source Wizard(项目源向导):

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(4)

5. 选择一个数据源:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(5)

选择要在GridControl中显示的表:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(6)

选择Simple Binding模型。

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(7)

确保启用了CRUD选项:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(8)

选择View Model选项,在View Model中生成数据绑定代码。确认MainViewModel类被选择为View Model:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(9)

6. Items Source Wizard(项目源向导)生成以下代码:

MainView.xaml

























MainViewModel.cs

using DevExpress.Mvvm;
using System;
using WPF_DataGrid_GetStarted.Models;
using DevExpress.Mvvm.DataAnnotations;
using System.Linq;
using System.Collections.Generic;
using DevExpress.Mvvm.Xpf;

namespace WPF_DataGrid_GetStarted.ViewModels {
public class MainViewModel : ViewModelBase {
NorthwindEntities _Context;
IList _ItemsSource;
public IList ItemsSource {
get {
if (_ItemsSource == null && !DevExpress.Mvvm.ViewModelBase.IsInDesignMode) {
_Context = new NorthwindEntities();
_ItemsSource = _Context.Orders.ToList();
}
return _ItemsSource;
}
}
[Command]
public void ValidateRow(RowValidationArgs args) {
var item = (Order)args.Item;
if (args.IsNewItem)
_Context.Orders.Add(item);
_Context.SaveChanges();
}
[Command]
public void ValidateRowDeletion(ValidateRowDeletionArgs args) {
var item = (Order)args.Items.Single();
_Context.Orders.Remove(item);
_Context.SaveChanges();
}
[Command]
public void DataSourceRefresh(DataSourceRefreshArgs args) {
_ItemsSource = null;
_Context = null;
RaisePropertyChanged(nameof(ItemsSource));
}
}
}

MainViewModel.vb

Imports DevExpress.Mvvm
Imports System
Imports WPF_DataGrid_GetStarted.Models
Imports DevExpress.Mvvm.DataAnnotations
Imports System.Linq
Imports System.Collections.Generic
Imports DevExpress.Mvvm.Xpf

Namespace WPF_DataGrid_GetStarted.ViewModels
Public Class MainViewModel
Inherits ViewModelBase
Private _Context As NorthwindEntities
Private _ItemsSource As IList(Of Order)
Public ReadOnly Property ItemsSource As IList(Of Order)
Get
If _ItemsSource Is Nothing AndAlso Not DevExpress.Mvvm.ViewModelBase.IsInDesignMode Then
_Context = New NorthwindEntities()
_ItemsSource = _Context.Orders.ToList()
End If
Return _ItemsSource
End Get
End Property

Public Sub ValidateRow(ByVal args As RowValidationArgs)
Dim item = CType(args.Item, Order)
If args.IsNewItem Then _Context.Orders.Add(item)
_Context.SaveChanges()
End Sub

Public Sub ValidateRowDeletion(ByVal args As ValidateRowDeletionArgs)
Dim item = CType(args.Items.Single(), Order)
_Context.Orders.Remove(item)
_Context.SaveChanges()
End Sub

Public Sub DataSourceRefresh(ByVal args As DataSourceRefreshArgs)
_ItemsSource = Nothing
_Context = Nothing
RaisePropertyChanged(NameOf(ItemsSource))
End Sub

End Class
End Namespace

这段代码启用CRUD操作,为所有数据源字段生成列,并在固定的汇总面板中显示总行数。

7. 运行项目:

DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据插图(10)


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

本站无任何商业行为
个人在线分享 » DevExpress WPF中文教程:Grid – 如何向项目添加GridControl并绑定到数据
E-->