FancyBox与MVC3中的部分视图

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中的路线。