MVC 4 在单页上动态加载局部视图

Question

我有一个 MVC 4 应用程序，它有一个主视图。我有三个链接按钮，想根据按钮点击动态加载三个不同的表单。我正在使用 mvc 部分视图。所以，如果我点击 button-1，它应该加载 partialView-1 并且还应该将 value-1 从相应的文本框中发送到 partialView-1。

我正在寻找 mvc 内置方法，而不是做繁重的 javascript 工作。

Answer 1

你可以这样做。

A.在你的控制器中有不同的方法返回PartialViewResult

[HttpGet]
    public PartialViewResult GetPartialView1(int value)
    {    
        return PartialView("_PartialView1"); //This view should exist in appropriate views folder.
    }

B.左侧的按钮应该是@Ajax.ActionLink

@Ajax.ActionLink(
    "Button1",
    "GetPartialView1",
    new { 
        value1 = 1},
    new AjaxOptions
    {
        HttpMethod = "GET",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "righthandsidebox"
    }
    )

C.应该UpdateTargetId = "righthandsidebox"是右侧 div 的 id。的内容righthandsidebox将被替换为 PartialView