asp.net-mvc - 带图像的删除按钮

Question

我在 DevExpress for MVC 中使用 GridView 实现了一个演示。

我想在我的 GridViewPartial 视图中为删除按钮设置图像。

有人知道我该如何设置吗？

@{
var grid = Html.DevExpress().GridView(settings => {
...
settings.CommandColumn.Visible = true;
settings.CommandColumn.ShowNewButton = true;
settings.CommandColumn.ShowEditButton = true;
...
            });
    if (ViewData["EditError"] != null){
    grid.SetEditErrorText((string)ViewData["EditError"]);
}
}

@grid.Bind(Model).GetHtml()

谢谢队友。

编辑：试试这个

settings.SettingsCommandButton.DeleteButton.ButtonType = GridCommandButtonSettings.Image;
settings.SettingsCommandButton.DeleteButton.Image.Url = "~/content/images/icons/icon_delete.png";

它返回“是否需要引用、方法或属性非静态“DevExpress.Web.GridCommandButtonSettings.Image.get””

Answer 1

做到了，

在 Razor View（可能您正在使用 GridViewPartial）中，通过以下方式定义按钮：

settings.SettingsCommandButton.DeleteButton.ButtonType = GridCommandButtonRenderMode.Image;
settings.SettingsCommandButton.DeleteButton.Image.Url = "~/Content/Images/next.png";

Answer 2

较新版本的 DevExpress 略有更新。ButtonType 已被弃用，取而代之的是渲染模式。

新的

settings.SettingsCommandButton.RenderMode = GridCommandButtonRenderMode.Image; 
settings.SettingsCommandButton.DeleteButton.Image.Url = "~/Content/Images/next.png";

过时的

settings.SettingsCommandButton.DeleteButton.ButtonType = GridCommandButtonRenderMode.Image;