当前位置：文江博客话题详情

使用 Reveal jQuery 模态插件加载 MVC3 部分视图

发布于 2024-12-16 16:47:11 字数 318 浏览 1 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

苍暮颜 2024-12-23 16:47:11

是的，

问题是：需要动态加载吗？或者您可以在创建页面时将其包含在页面中，然后让 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 检索的。

控制器：

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>

Yes

The question is: do you need to load it dynamically? or can you just include it in the page when you create it and then let the reveal plugin hide / show it?

WARNING This code was Stack Overflow compiled, meaning not at all ;)

For Static Loading:

<!-- 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>

For Dynamic Loading: Basically the same, but the content of the modal is populated on some event and retrieved through ajax.

Controller:

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

Page

<!-- 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>

回复收藏 0 原文

~没有更多了~