MVC3 中的 FancyBox 和 PartialView

Question

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

1. 我已遵循 fancybox 网站上的所有说明。

2. 自定义：

   $("a.myclass").fancybox({
    ...
    “类型”：阿贾克斯
   });
   

3. 链接

   @Html.ActionLink("我的弹出窗口", "MyActionName", new {@class = "myclass"} )
   

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

谢谢！！

Answer 1

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

   $(".emailViewFancybox").fancybox(
   {                
       类型：'ajax'，
       过渡：'无'，
       过渡输出：“无”
   });
   

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

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

   return PartialView("MyPartialViewName", myObjectModel);
   

4. 这需要在 Global.asax 中设置路由.