如何为Ajax.ActionLink制作自定义帮助器

时间:2015-06-22 11:35:05

标签: jquery ajax

我想创建一个类似 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>

但它不起作用!它刷新页面而不是填充目标

1 个答案:

答案 0 :(得分:1)

您应该将data-ajax属性放入<a>标记:

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