Question

我无法设置我的AjaxAction链接以满足设计规范。

html链接如下所示：

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

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

此时我的行动链接如下：

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

我是C＃/ ASP.Net / MVC的新手，我对如何实现这一点感到困惑。

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

Answer 1

您可以使用Extension方法自定义@ 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",...)

Ajax Action Link样式

1 个答案: