0

設計仕様を満たすために 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 が初めてで、これをどのように達成できるかについて行き詰まっています。

彼らがこれを行う方法であるかどうか誰かが知っていますか?

4

1 に答える 1

0

@Ajax.ActionLink のカスタマイズには Extension メソッドを使用できます。例: 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",...)
于 2013-11-14T14:50:26.550 に答える