asp.net-mvc-3 - 使用 Reveal jQuery 模态插件加载 MVC3 部分 View

Question

我们在整个应用程序中使用了 jQuery Reveal 模式插件。

http://www.zurb.com/article/557/reveal-jquery-modal-plugin

有没有一种方法可以在模态显示时在模态中加载 MVC3 部分 View 。部分 View 有一个提交按钮，当用户单击提交时，它应该提交表单并在父页面上进行一些更新。我不确定 Reveal 插件是否可以做到这一点。此时我不愿意使用任何其他插件。

Answer 1

是的

问题是:需要动态加载吗？或者您可以在创建页面时将其包含在页面中，然后让 Reveal 插件隐藏/显示它吗？

警告此代码是 Stack Overflow 编译的，意味着根本不是;)

对于静态加载:

<!-- Include the reveal javascript / css files -->
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal">
  <%: RenderPartial("PartialViewPathHere",andyViewModelHere) %>
</div>

对于动态加载:基本相同，但模态的内容是在某些事件上填充并通过 ajax 检索的。

Controller :

public ActionResult GetDialog(int someInput, ...)
{
 // Do stuff
 return View("your view here");
}

页面

<!-- Include the reveal javascript / css files -->
<script>
    // For example
    $("source").click(function(){
        $.get("/Controller/GetDialog", {/* someInput, data here...*/}, function(view){
            $(view).appendTo("#myModal");
        });
    });
<script>
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal">
</div>