如何更改DxGrid新建/编辑/删除按钮样式？

Question

使用.net核心和DevExpress DxGrid组件，我正在寻找更改默认超链接样式按钮的最佳方法。

我的目标是将它们显示为引导按钮，所以大多数情况下只需要更改css类。

最好的方法是使用正式属性/模板/事件等，而不是使用javascript 'hack‘替换类。

Answer 1

使用DxGridCommandColumn，您可以用HeaderTemplate为新按钮定义模板，为编辑和删除按钮使用CellDisplayTemplate。

这与现有的DxGrid新/编辑/删除功能集成得很好。

示例：

<DxGridCommandColumn>
                            <HeaderTemplate Context="unique">
                                <DxButton CssClass="mt-2 mr-1" IconCssClass="fas fa-plus" RenderStyle="ButtonRenderStyle.Primary" Text="New"
                                          @onclick="(() => MyGrid.StartEditNewRowAsync())" />
                            </HeaderTemplate>
                            <CellDisplayTemplate Context="unique">
                                <DxButton CssClass="mt-2 mr-1" IconCssClass="fas fa-edit" RenderStyle="ButtonRenderStyle.Warning" Text="Edit"
                                          @onclick="(() => MyGrid.StartEditRowAsync(unique.VisibleIndex))" />
                                <DxButton CssClass="mt-2 mr-1" IconCssClass="fas fa-trash-alt" RenderStyle="ButtonRenderStyle.Danger" Text="Delete"
                                          @onclick="(() => MyGrid.ShowRowDeleteConfirmation(unique.VisibleIndex))"/>
                            </CellDisplayTemplate>
                        </DxGridCommandColumn>