Avalonia怎么在DataGrid里添加按钮 Avalonia DataGrid模板列用法

来源：这里教程网时间：2026-02-21 17:39:02 作者：

在Avalonia中，DataGrid本身不提供原生的按钮列（如WPF的

DataGridButtonColumn

），但完全可以通过

DataGridTemplateColumn

灵活实现——关键在于正确绑定命令和数据上下文，避免常见坑点。

用DataGridTemplateColumn添加按钮列

这是最标准、推荐的做法。XAML中定义一个模板列，在

CellTemplate

里放

Button

，并绑定命令和参数：

按钮
Command
需绑定到ViewModel中的
ICommand
（如
RelayCommand<object></object>
或
ReactiveCommand<unit unit></unit>
）使用
RelativeSource
向上查找DataGrid的DataContext，确保命令来自ViewModel而非当前行数据对象
CommandParameter="{Binding}"
把当前行的数据项（如
Person
）传给命令，方便操作对应记录

示例片段：

处理按钮点击时不触发行选择

默认情况下，按钮点击会冒泡到DataGrid行容器，导致意外选中整行。解决方法有两个：

在按钮Click事件处理器中加
e.Handled = true
，直接拦截冒泡若用MVVM纯绑定（无后台代码），可在按钮样式或模板外层加
IsHitTestVisible="False"
再包裹一层可点击区域（不推荐），更稳妥还是用
Handled

后台代码示例（配合XAML中

Click="DeleteButton_Click"

）：

private void DeleteButton_Click(object sender, RoutedEventArgs e)
{
e.Handled = true;
// 后续逻辑：取 DataContext，调用 ViewModel 删除方法等
}

绑定命令时的上下文切换技巧

当DataTemplate内按钮需要访问ViewModel里的命令（而非当前行Model的属性），容易因DataContext自动切换而绑定失败。常用解法：

用
RelativeSource AncestorType=DataGrid
回溯到表格级上下文（最简洁）显式设置
DataContext="{Binding $parent[UserControl].DataContext}"
（适合按钮嵌套较深时）避免在
DataTemplate
里直接写
Command="{Binding MyCommand}"
——此时
Binding
默认找的是当前行数据对象，不是ViewModel

配套准备不能少

实际使用前确认以下几点已到位：

已安装
Avalonia.Controls.DataGrid
NuGet包，且版本与主框架匹配 App.axaml或窗口资源中已引入DataGrid样式：
<styleinclude source="resm:Avalonia.Controls.DataGrid.Styles.Default.xaml?assembly=Avalonia.Controls.DataGrid"></styleinclude>
ViewModel中命令属性声明规范，例如：
public ICommand DeleteCommand { get; }
或
public ReactiveCommand<person unit> DeleteCommand { get; }</person>

基本上就这些。模板列本质就是“在单元格里自由画UI”，按钮只是其中一种用法，后续扩展编辑、状态切换、图标按钮等都基于同一套逻辑。