DataGridTemplateColumn中添加单元格模板和单元格编辑模板

我们在使用DataGridTemplateColumn实现自定义单元格时,需要使用CellTemplate,如果单元格需要进行编辑,在需要添加CellEditingTemplate。 示例如下,这样就可以使用双击进入到编辑功能。

<DataGridTemplateColumn
    MinWidth="140"
    MaxWidth="300"
    Header="样本名称">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Border x:Name="SpNameBorder">
                <TextBlock
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Text="{Binding SpecimenName, UpdateSourceTrigger=PropertyChanged}"
                        TextTrimming="CharacterEllipsis"
                        ToolTip="{Binding SpecimenName, UpdateSourceTrigger=PropertyChanged}">
                </TextBlock>
            </Border>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
    <DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <TextBox
                x:Name="SpecimenNameTextBox"
                Height="{Binding ElementName=SpNameEditingBorder, Path=Height}"
                VerticalContentAlignment="Center"
                FontSize="12"
                Text="{Binding SpecimenName, UpdateSourceTrigger=PropertyChanged}">
            </TextBox>
        </DataTemplate>
    </DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 WPF DataGrid 编辑单元格,可以使用以下步骤: 1. 将 DataGrid 的属性 `IsReadOnly` 设置为 `False`,这样就可以允许用户编辑单元格。 2. 在 XAML ,使用 DataGridTemplateColumn 模板列来定义一个可以编辑单元格。例如: ```xml <DataGridTemplateColumn Header="Name"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Name}" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> <DataGridTemplateColumn.CellEditingTemplate> <DataTemplate> <TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}" /> </DataTemplate> </DataGridTemplateColumn.CellEditingTemplate> </DataGridTemplateColumn> ``` 上述代码,我们定义了一个 DataGridTemplateColumn 列,其包含一个 CellTemplate 和一个 CellEditingTemplateCellTemplate 用于显示单元格的值,而 CellEditingTemplate 用于编辑单元格的值。在这个例子,我们显示了一个 TextBlock 来显示单元格的值,并且在编辑模式下使用了一个 TextBox 来允许用户编辑单元格的值。 3. 在 ViewModel 实现 INotifyPropertyChanged 接口,并确保属性的 setter 调用 PropertyChanged 事件。这是为了确保在单元格编辑时能够正确地更新数据源。 ```csharp public class PersonViewModel : INotifyPropertyChanged { private string _name; public string Name { get { return _name; } set { if (_name != value) { _name = value; OnPropertyChanged("Name"); } } } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged(string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 上述代码,我们实现了一个 PersonViewModel,它包含一个 Name 属性,并且当 Name 属性发生变化时会触发 PropertyChanged 事件。 4. 在 DataGrid 的 ItemsSource 绑定数据源,并确保每个单元格的 DataContext 都是一个 ViewModel 实例。这样,在编辑单元格时,WPF 就会自动更新 ViewModel 的属性,并且在更新后重新绑定单元格的值。 ```xml <DataGrid ItemsSource="{Binding People}" AutoGenerateColumns="False"> <DataGrid.Columns> <DataGridTemplateColumn Header="Name" Width="*"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Name}" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> <DataGridTemplateColumn.CellEditingTemplate> <DataTemplate> <TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}" /> </DataTemplate> </DataGridTemplateColumn.CellEditingTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid> ``` 上述代码,我们绑定了一个名为 People 的集合到 DataGrid 的 ItemsSource 属性,并且在 CellTemplateCellEditingTemplate 使用了 Name 属性来绑定单元格的值。注意,在编辑单元格时,我们使用了 UpdateSourceTrigger=PropertyChanged,这样在用户输入时可以立即更新数据源。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值