使用ajax ActionLink代替Html.ActionLink MVC

时间:2014-06-25 16:36:40

标签: ajax asp.net-mvc razor

所有

我有一个Html.Actionlink,它在我的控制器中调用一个方法,并且应该返回一个局部视图。我的部分视图显示在Index.cshtml中,部分视图是_ServerStatusList.cshmtl。

查看

@using (Html.BeginForm())
{
    @Html.ActionLink("Start", 
                     "StartServer", 
                      null,
                      new { @class = "startButton" })
}

控制器

[HttpGet]
        public PartialViewResult StartServer(Model model)
        {
            model.StartServer("server01");
            return PartialView("~/Views/Home/_ServerStatusList.cshtml", model.Servers);
        }

现在单击开始按钮,只要启动服务器,所有功能都能正常工作,但它会返回错误的视图。点击后我被重定向到localHost / home / StartServer,它说"运行" (作为启动服务器应该在我的服务器列表中说明)在空白页面上。然后,如果我通过地址栏手动导航到我的服务器状态页面,它会在我的_ServerStatusList.cshtml中显示服务器正在运行(应该说)。

我在项目的另一部分使用了Ajax ActionLink来单击按钮并返回局部视图。我也用这个代码尝试了这个按钮。

 <input id="StartButton" type="image" value="submit" src="~/Images/start.png" alt="Start" height="25" />
@Ajax.ActionLink("Start", "StartServer",
                new AjaxOptions
                {
                    HttpMethod = "GET",
                    InsertionMode = InsertionMode.Replace,
                    UpdateTargetId = "CurrentView"
                }
            )

单击该按钮不起作用,但单击单词&#34;开始&#34;做类似于Html.ActionLink的事情。如果我单击“开始”链接,它会将我带到Index.cshtml,显示在部分视图应该在的区域中运行,但不会加载_ServersStatusList.cshtml。再次手动重定向时,一切都应该是正确的,运行并正确格式化。

如何让Ajax ActionLink使用图像作为按钮,单击图像后,返回正确的局部视图?

由于

1 个答案:

答案 0 :(得分:1)

MVC非常聪明,可以找到您需要的视图,因此请从以下位置更改返回的PartialView:

PartialView("~/Views/Home/_ServerStatusList.cshtml", model.Servers);
//To
PartialView("_ServerStatusList", model.Servers);

这应该返回正确的视图:)。