ASP .NET MVC3 Razor 弹出视图答案

【问题标题】：ASP .NET MVC3 Razor Popup ViewASP .NET MVC3 Razor 弹出视图
【发布时间】：2023-03-30 07:50:02
【问题描述】：

我是网络开发的新手..

我在 MVC3 Razor 中使用实体框架创建了视图。我所做的是，我第一次创建模型（客户端）和 DbContext（ClientDbContext）类。然后，我添加带有脚手架选项的控制器

模板：具有读/写操作和视图的控制器，使用实体框架

模型类：客户端

数据上下文类：ClientDbContext

视图：Razor(CSHTML)

它创建控制器类和索引、Detail、Delete、Delete Views... 之后我修改了搜索和分页的索引页面......

一切正常... 在索引页面中，我创建、编辑、删除、详细链接... 当我单击链接时，浏览器会加载到该页面并且运行良好...

但是当我单击索引页面中的链接时，我需要弹出这些视图... 我不知道该怎么做...我研究了很多文章，但我很困惑... 请帮助我以有效的方式解决这个问题...

提前谢谢...

【问题讨论】：

您的意思是您希望创建/更新/删除视图处于弹出模式而不是重定向到新页面？

标签： asp.net-mvc-3 razor entity-framework-4 popup

【解决方案1】：

在页面中创建模型弹出窗口不是可以直接使用 ASP.NET MVC 完成的。您可以使用 javascript 和 css 自己完成，但我强烈建议您使用 JS UI 框架来执行此操作。 jQuery UI 有一个弹出式模态框，但他们称之为对话框。

jQuery UI 对话框的文档可以在here 找到。查看示例以了解如何设置它的详细信息。但这是您需要做的基本流程：

下载所需的jQuery UI 文件并将它们包含在您的页面中（CSS/JS 文件）
从您的创建/更新/删除视图中获取 html 并将其放在您的索引页面上，将它们包装在具有适当 id 的 div 中
当页面加载时，使用 jquery ui 来定位您希望成为弹出窗口的 div

通过将选项传递给对话框初始化方法来设置您想要弹出对话框的链接等内容，同样可以在文档页面上找到确切的选项和示例。

【讨论】：

【解决方案2】：

参考这个：http://jqueryui.com/dialog/ 创建一个 jQuery 对话框。

    <script>
        $(function() {
            $( "#dialog" ).dialog();
          });
    </script>

    <div id="dialog">
         @using(Html.BeginForm()){
            @Html.EditorForModel()
           <input type='submit' value ='Submit'/>
        }
    </div>

【讨论】：