局部视图没有显示

时间:2012-05-31 01:50:02

标签: ajax asp.net-mvc-3 partial-page-refresh

我在“X”控制器下有一个名为“_PartialPage1”的部分视图。 这是我的部分观点的内容:

<div>Hello</div>

我的X控制器包含:

    public ActionResult _PartialPage1()
    {
        return View();
    }

在我的家庭索引中,我有这个:

 <div style="float:left"> @Ajax.ActionLink("Call X", "_PartialPage1", "X", new AjaxOptions() { UpdateTargetId = "divToUpdate" }) </div>
 <div style="float:left"> @Ajax.ActionLink("Call Y", "_PartialPage2", "Y",new  AjaxOptions(){ UpdateTargetId = "divToUpdate" }) </div>
 <div style="float:left"> @Ajax.ActionLink("Call Z", "_PartialPage3", "Z",new  AjaxOptions(){ UpdateTargetId = "divToUpdate" }) </div>

 <div id="divToUpdate"></div>

当我点击呼叫X时,没有显示任何内容..我正在尝试学习ajax部分页面更新....希望你能帮助我...谢谢:)

2 个答案:

答案 0 :(得分:0)

如果要渲染局部视图,则应使用:

@Html.Partial("PartialViewName"); 

你有一个名为“PartialViewName”的部分视图 使用div标签hello

答案 1 :(得分:0)

如果你有

  • 名为XController的控制器,包含名为_PartialPage1
  • 的操作
  • 在您正在使用的页面上引用jquery和jquery.unobtrusive-ajax javascript库
  • 名为“_PartialPage1”
  • 的正确文件夹中的视图
  • ID为divToUpdate的div

然后您提供的代码应该可以使用。我会检查是否满足所有这些条件。我建议使用firebug来验证你的ajax调用是否正常。返回PartialView而不是View更合适,但你应该在div中看到结果。