2016-09-21 4 views
1

다음 코드에서 "동물 이름"뒤에 부트 스트랩 글리 phicons를 포함하고 싶습니다.@ Ajax.ActionLink() 메서드로 부트 스트랩 글리 피언을 사용하는 방법?

@Ajax.ActionLink("Animal Name", "_Index", new { sortOrder = ViewBag.NameSortParam, searchString = Request["searchString"] }, new AjaxOptions 
      { 
       HttpMethod = "GET", 
       UpdateTargetId = "PartialTable", 
       InsertionMode = InsertionMode.Replace 
      }) 

가능합니까 ?? 수없는 경우, 같은 다른 대체 솔루션이 있습니다 : @ Html.ActionLink() 방법으로 부트 스트랩 Glyphicons를 사용하는 다른 방법으로 사용됩니다

<a href="@Url.Action("Index", "Animal", new {sortOrder = ViewBag.NameSortParam, searchString = Request["searchString"] })"> 
      <span style="font-size:18px">Animal Name</span> 
      <i class="glyphicon glyphicon-triangle-bottom"></i> 
</a> 

!

+0

아니 그 불가능 ActionLink '()'. 대안은 확장 방법을 소유하고 있습니다. –

+0

감사합니다 !! $ .ajax() 메서드를 사용하고 있습니까 ?? – TanvirArjel

+0

아니요. 원하는 html을 생성하기 위해 자신 만의'HtmlHelper' 확장 메소드를 작성해야합니다. –

답변

0
@Ajax.RawActionLink(string.Format("<i class='icon'></i>Click Me"), "ActionResultName", null, new { item.Variable}, new AjaxOptions { HttpMethod = "Post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "taget-div", LoadingElementId = "target-div" }, new { @class = "class" }) 

도우미 방법

public static MvcHtmlString RawActionLink(this AjaxHelper ajaxHelper, string linkText, string actionName, string controllerName, object routeValues, AjaxOptions ajaxOptions, object htmlAttributes) 
    { 
     var repID = Guid.NewGuid().ToString(); 
     var lnk = ajaxHelper.ActionLink(repID, actionName, controllerName, routeValues, ajaxOptions, htmlAttributes); 
     return MvcHtmlString.Create(lnk.ToString().Replace(repID, linkText)); 
    } 

출처 : 당신의 Ajax.ActionLink 추가 htmlAttributes에서

클래스 값과 함께 사용할 속성 : https://stackoverflow.com/a/16983575/5326667 여기

0

내가 생각 해낸거야 javascript/jquery를 사용하여 값을 변경하십시오.

HTML 예 속성 :

new { @class = "expand" } 

스크립트 사용

<script> 
    $(document).ready 
    (
     function() 
     { 
      $('.expand').html("<span class='glyphicon glyphicon-chevron-right'></span>") 
     } 
    ) 
</script>