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类，并指定阿贾克斯 - 像我一样在这里：

   $(".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的路线。