在XAML中自定义单元格：CellTemplate 以及CellEditingTemplate

如果您希望通过XAML，而不是代码，创建自定义单元格，您也可以实现。C1FlexGrid Column对象具有CellTemplate以及CellEditingTemplate属性，您可以用来指定列上的显示模式/编辑模式的单元格使用的不同的可视化元素。

例如，下面的XAML代码定义自定义的视觉元素，用于显示和编辑列中的值。在该列中的单元格显示为一个绿色，粗体，文本居中对齐，并通过一个具有一个编辑图标的文本框进行编辑：

XAML	拷贝代码
<c1:C1FlexGrid x:Name="_fgTemplated"> <c1:C1FlexGrid.Columns> <!-- 添加模版列--> <c1:Column ColumnName="_colTemplated" Header="Template" Width="200"> <!-- 显示模式下单元格的模版 --> <c1:Column.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Name}" Foreground="Green" FontWeight="Bold" VerticalAlignment="Center"/> </DataTemplate> </c1:Column.CellTemplate> <!-- 编辑模式下的单元格模版--> <c1:Column.CellEditingTemplate> <DataTemplate> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Image Source="edit_icon.png" Grid.Column="0" /> <TextBox Text="{Binding Name, Mode=TwoWay}" Grid.Column="1" /> </Grid> </DataTemplate> </c1:Column.CellEditingTemplate> </c1:Column> </c1:C1FlexGrid.Columns> </c1:C1FlexGrid>

XAML

拷贝代码

<c1:C1FlexGrid x:Name="_fgTemplated"> 
  <c1:C1FlexGrid.Columns> 
    <!-- 添加模版列--> 
    <c1:Column ColumnName="_colTemplated" Header="Template" Width="200"> 
      <!-- 显示模式下单元格的模版 --> 
      <c1:Column.CellTemplate> 
        <DataTemplate> 
          <TextBlock Text="{Binding Name}" 
           Foreground="Green" FontWeight="Bold" 
           VerticalAlignment="Center"/> 
        </DataTemplate> 
      </c1:Column.CellTemplate> 
      <!-- 编辑模式下的单元格模版--> 
      <c1:Column.CellEditingTemplate> 
        <DataTemplate> 
          <Grid> 
            <Grid.ColumnDefinitions> 
              <ColumnDefinition Width="Auto" /> 
              <ColumnDefinition Width="*" /> 
            </Grid.ColumnDefinitions> 
            <Image Source="edit_icon.png" Grid.Column="0" /> 
            <TextBox Text="{Binding Name, Mode=TwoWay}" Grid.Column="1" /> 
          </Grid> 
        </DataTemplate> 
      </c1:Column.CellEditingTemplate> 
    </c1:Column> 
  </c1:C1FlexGrid.Columns> 
</c1:C1FlexGrid>

查看其它

!Untranslated: Edit Function