jquery - 如何为 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>