如何为Ajax.ActionLink定制帮助程序

Question

我想创建一个类似于Ajax.ActionLink的帮助程序。我创建了一个帮手有了一些变化要做到这一点：

@helper AjaxLink(string innerhtml, string href, string targetId) 
{ 
    if (!string.IsNullOrEmpty(innerhtml)) 
    { 
     if (href.Trim() == "#") 
     { 
      <a href="@(href)"> 
       @MvcHtmlString.Create(innerhtml) 
      </a> 
     } 
     else 
     { 
      <a href="@(href)" data-ajax-update="#@(targetId)" data-ajax-mode="replace"> 
       @MvcHtmlString.Create(innerhtml) 
      </a> 
     } 

    } 
} 

帮助我创建像一个链接：

<a href="ItemRegister?testTypeId=1" data-ajax-update="#pageId" data-ajax-mode="replace"> 
    <i class="fa fa-sign-out"><span style="right: -47px;" class="icon-bg bg-orange"></span></i><span>Register </span> 
</a> 

但它不工作！它刷新页面，而不是填充目标

Answer 1

你应该把data-ajax属性到您的<a>标签：

<a href="@(href)" data-ajax-update="#@(targetId)" data-ajax-mode="replace" data-ajax="true"> 
     @MvcHtmlString.Create(innerhtml) 
</a>