概述
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; } } }
運作結果:
以上就是本節的全部内容,如果需要繼續深入學習此控件用法,可以參見官網:https://docs.devexpress.com/WPF/DevExpress.Xpf.Grid.ColumnBase.CellTemplate