c# - Ajax 动作链接样式

Question

我在设计 AjaxAction 链接以满足设计规范时遇到问题。

html 链接如下所示：

<a href="#" class="button"><span class="icon-search"></span>&nbsp;Search</a>

注意链接中的跨度，这是使用网络字体创建图标。

此时我的操作链接如下所示：

@Ajax.ActionLink("Search", "results", null, new AjaxOptions { UpdateTargetId = "placeholder", InsertionMode = InsertionMode.Replace, HttpMethod = "GET" }, new { @class = "button", })

我是 C# / ASP.Net / MVC 的新手，我不知道如何实现这一点。

有谁知道他们是否有办法做到这一点？

Answer 1

您可以使用扩展方法自定义@Ajax.ActionLink。例如：ImageAjaxLink

 public static IHtmlString ImageActionLink(this AjaxHelper helper, string imageUrl, string titleText, string actionName, string controllerName, object routeValues, AjaxOptions ajaxOptions, object htmlAttributes)
    {
        var builder = new TagBuilder("img");
        builder.MergeAttribute("src", imageUrl);
        builder.MergeAttribute("title", titleText);
        var link = helper.ActionLink("[replaceme]", actionName, controllerName, routeValues, ajaxOptions, htmlAttributes).ToHtmlString();
        return new MvcHtmlString(link.Replace("[replaceme]", builder.ToString(TagRenderMode.SelfClosing)));
    }

应用如此-

 @Ajax.ImageActionLink("image.png","Link",...)