asp.net-mvc - MVC3 中带有 PartialView 的 FancyBox

Question

我想知道是否有人知道如何在 MVC3 站点中使用 FancyBox 来加载部分视图（作为弹出窗口）。FancyBox 在加载完整视图时对我来说很好，但如果控制器方法返回部分视图会中断。

1. 我已经按照 fancybox 网站上的所有说明进行操作。

2. 定制：

   $("a.myclass").fancybox({
    ...
    'type': ajax
   });
   

3. 链接

   @Html.ActionLink("My Popup", "MyActionName", new {@class = "myclass"} )
   

知道为什么这将适用于完整视图，而不是部分视图吗？

谢谢！！

Answer 1

1. 绑定FancyBox到类并指定 ajax——就像我在这里所做的那样：

   $(".emailViewFancybox").fancybox(
   {                
       type: 'ajax',
       transitionIn: 'none',
       transitionOut: 'none'
   });
   

2. 给任何你想要触发这个包含 URL 的 href 属性。@Url.Content像这样使用：@Url.Content("~/MyController/MyPartialViewName")

3. 确保您的ActionResult返回值为PartialView：

   return PartialView("MyPartialViewName", myObjectModel);
   

4. 这将需要在Global.asax.