天天看點

C# WPF GridControl用法舉例

作者:opendotnet

概述

GridControl是Dev中的表格控件,類似于Winfrom中的DataGridView,以及WPF中的DataGrid,但是這個控件功能比原生的功能要強大很多,下面用執行個體舉例說明此控件的用法.

代碼

前台XAML:

<UserControl x:Class="Caliburn.Micro.Hello.SubTabPageView"              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"              xmlns:local="clr-namespace:Caliburn.Micro.Hello"               xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"              xmlns:cal="http://www.caliburnproject.org"              mc:Ignorable="d"              Height="300" Width="300">              <StackPanel>              <Label Content="this is a tab control page" Margin="5"/>              <dxg:GridControl ItemsSource="{Binding GridParamItems}" MaxHeight="400">              <dxg:GridColumn Header="姓名" FieldName="Name" Width="80"/>              <dxg:GridColumn Header="選擇" FieldName="IsChecked" Width="80" />              <dxg:GridColumn Header="選擇" Width="80" >              <dxg:GridColumn.CellTemplate>              <DataTemplate>              <CheckBox IsChecked="{Binding RowData.Row.IsChecked}"              HorizontalAlignment="Center" VerticalAlignment="Center" />              </DataTemplate>              </dxg:GridColumn.CellTemplate>              </dxg:GridColumn>              </dxg:GridControl>              </StackPanel>              </UserControl>               

這裡有幾個要注意的地方:

① GridControl控件需要設定控件高度,不然程式會報錯閃退;

② checkbox列不需要自定義模闆,隻要綁定到布爾類型的資料上就可以自動識别改變列的樣式;

③自定義的模闆列的資料綁定需要使用RowData.Row.屬性名。

④GridControl ItemsSource綁定好資料源以後,每個列隻用FieldName和模型類的屬性名對應上就可以自動綁定上.

背景代碼:

using PropertyChanged;              using System.Collections.ObjectModel;                  namespace Caliburn.Micro.Hello              {              [AddINotifyPropertyChangedInterface]              public class SubTabPageViewModel              {              public ObservableCollection<GridParamDTO> GridParamItems { get; set; } = new ObservableCollection<GridParamDTO>();                  public SubTabPageViewModel()              {              GridParamItems.Add(new GridParamDTO() { Name = "張三", IsChecked = true });              GridParamItems.Add(new GridParamDTO() { Name = "李四", IsChecked = true });              }              }                  public class GridParamDTO              {              public string Name { get; set; }                  public bool IsChecked { get; set; }              }              }           

運作結果:

C# WPF GridControl用法舉例

以上就是本節的全部内容,如果需要繼續深入學習此控件用法,可以參見官網:https://docs.devexpress.com/WPF/DevExpress.Xpf.Grid.ColumnBase.CellTemplate