Ajax 动作链接样式答案

【问题标题】：Ajax Action Link StylingAjax 动作链接样式
【发布时间】：2013-11-14 14:39:35
【问题描述】：

我的 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 的新手，我不知道如何实现这一点。

有人知道他们是否可以这样做吗？

【问题讨论】：

我在您的链接和跨度上看到了一个课程。你有什么问题？您不能将这些类用作 css 中的选择器和您想要的样式吗？
我无法在操作链接中包含跨度.....

标签： c# asp.net ajax asp.net-mvc-4 razor

【解决方案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",...)

【讨论】：