带图像的删除按钮答案

【问题标题】：Delete Button with image带图像的删除按钮
【发布时间】：2016-06-29 14:43:53
【问题描述】：

我在 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””

【问题讨论】：

标签： asp.net-mvc razor devexpress devexpress-mvc

【解决方案1】：

较新版本的 DevExpress 略有更新。 ButtonType 已为 deprecated 支持渲染模式。

新

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

已过时

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

【讨论】：

感谢@PortageMonkey 的评论 :):)

【解决方案2】：

做到了，

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

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

【讨论】：