有没有办法为同步融合数据网格中的按钮创建 onClick 事件？

Question

我在 blazor winform 中有以下代码块，我正在尝试将带有单击事件的按钮添加到 id 字段以以新形式编辑该行的数据但是在搜索文档后我找不到执行此操作的方法不只是直接更改表中的字段。

<SfGrid DataSource="@Customers" RowHeight="20" AllowPaging="true" AllowSorting="true" AllowFiltering="true">
        <GridPageSettings PageSize="50"></GridPageSettings>
        <GridColumns>
            <GridColumn Field=@nameof(Customer.Id) HeaderText="Id" Width="120"></GridColumn>
            <GridColumn Field=@nameof(Customer.Name) HeaderText="Name" Width="120"></GridColumn>
            <GridColumn Field=@nameof(Customer.Email) HeaderText="Email" Width="120"></GridColumn>
            <GridColumn Field=@nameof(Customer.Password) HeaderText="Password" Width="120"</GridColumn>

        </GridColumns>
    </SfGrid>

我只是尝试通过创建一个 onclick 事件来完成此操作，就像您在传统的 html 表中所做的那样，但我认为这不能在数据网格中完成。

Answer 1

使用Template您可以主要完全自定义GridColumn的内容：

...
<GridColumn HeaderText="Actions" TextAlign="TextAlign.Center" Width="120">
  <Template>
    @{
      Customer customer = (context as Customer);
      
      <button @onclick="() => OpenEditCustomerForm(customer)">Edit</button>     
    }
  </Template>
</GridColumn>
...

文档

Answer 2

根据您的需要，我建议使用网格列的列模板功能，它允许您自定义您的需求。 请参考下面提到的UG文档供您参考。

文档： https://blazor.syncfusion.com/documentation/datagrid/column-template