C1DataGrid的条件化数据模板
C1DataGrid for WPF控件提供了很多不同的列类型。但是如何在同一列里添加不同的类型。
我们可以通过DataTriggers和DataGridTemplateColumn来完成功能。单元格的数据依靠绑定的数据，我们需要给数据或是类型添加一个DataTemplate数据模板。
本文，我们就创建一个工程来使用C1DataGrid。
下面就是具体的步骤：
步骤一：创建绑定的ViewModel
首先，我们需要创建列上每个单元格的绑定的ViewModel，代码参考如下：
public class ViewModel
{
public ObservableCollection<string> ControlTypes
{
get;
set;
}
public ViewModel()
{
ControlTypes = new ObservableCollection<string>();
ControlTypes.Add("Name");
ControlTypes.Add("Designation");
ControlTypes.Add("Company");
ControlTypes.Add("Gender");
ControlTypes.Add("Age");
ControlTypes.Add("IsActive");
ControlTypes.Add("Address");
ControlTypes.Add("");
}
}
步骤二：创建DataGridtemplateColumn
现在，我们需要将C1DataGrid添加到设计器然后添加DtaGridTemplateColumn。这样，我们就可以依据数据设计不同的单元格类型。
在DataGridTemplateColumn，我们定义CellTemplate来自定义ContentControl的样式，这需要DataTriggers的帮助。我们使用DataTrigger因为我们基于数据添加不同的控件。
代码参考：
<c1:C1DataGrid Name="c1DataGrid" ItemsSource="{Binding ControlTypes}" AutoGenerateColumns="False" HeadersVisibility="None" Grid.Row="1"
RowHeight="Auto">
<c1:C1DataGrid.Columns>
<c1:DataGridTextColumn Header="Control Type" Binding="{Binding}"/>
<c1:DataGridTemplateColumn Header="Actual Control">
<c1:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<ContentControl>
<ContentControl.Style>
<Style TargetType="ContentControl">
<Style.Triggers>
<DataTrigger Binding="{Binding}" Value="Name">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<TextBox Text="Name"/>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding}" Value="Designation">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<TextBox Text="Designation"/>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding}" Value="Company">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<TextBox Text="Company"/>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding}" Value="Gender">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<ComboBox>
<ComboBox.Items>
<ComboBoxItem Content="Male"/>
<ComboBoxItem Content="Female"/>
</ComboBox.Items>
</ComboBox>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding}" Value="IsActive">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<CheckBox Content="IsActive?"/>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding}" Value="Address">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<c1:C1RichTextBox TextWrapping="Wrap" Width="300" Height="50" VerticalScrollBarVisibility="Auto"/>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding}" Value="Button">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<Button Content="Button"/>
</DataTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</ContentControl.Style>
</ContentControl>
</DataTemplate>
</c1:DataGridTemplateColumn.CellTemplate>
</c1:DataGridTemplateColumn>
</c1:C1DataGrid.Columns>
</c1:C1DataGrid>
步骤三：设置DataContext
我们已经创建了单元格。现在最后一步就是设置DataBindings的DataContext，我们有很多选项给当前页设置DataContext。但是我们建议在构造器里设置，写在初始化代码之后。因为XAML的绑定运行在初始化之后。
代码参考：
public MainWindow()
{
InitializeComponent();
this.DataContext = new ViewModel();
}
结论：
我们可以给一个单一列添加不同类型的单元格通过DataGridTemplateColumn的DataTriggers。
如图所示：
本文的示例请下载：
Wpf_C1DataGrid1.zip (43.94 kb)
C1DataGrid的在线英文产品文档地址：
http://helpcentral.componentone.com/nethelp/C1datagridWPF/
如果你对C1DataGrid感兴趣，请到我们的官网下载最新版本：/download/?pid=6
如果你有疑问，可以到GCDN论坛获得技术支持：http://gcdn.grapecity.com.cn/showforum-138.html
《C1DataGrid for WPF使用技巧》系列文章：
