ASP .NET MVC3 Razor Popup View

时间:2013-02-22 15:04:54

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

我是网络开发的新手..

我在MVC3 Razor中使用Entity Framework创建了视图.. 我做的还是, 我首先创建了模型(客户端)和DbContext(ClientDbContext)类。 然后,我添加了控制器与scaffolfind选项

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

模型类:客户端

数据上下文类:ClientDbContext

观看次数:Razor(CSHTML)

它创建控制器类和索引,详细信息,删除,删除视图...... 之后我修改了搜索和分页的索引页面......

一切都很好...... 在索引页面我有创建,编辑,删除,详细链接... 当我点击链接浏览器加载到该页面并且工作正常...

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

提前致谢...

2 个答案:

答案 0 :(得分:0)

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

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

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

通过将选项传递给对话框初始化方法来设置诸如要创建对话框弹出窗口的链接之类的内容,同样可以在文档页面上找到确切的选项和示例。

答案 1 :(得分:0)

请参阅:http://jqueryui.com/dialog/创建一个jQuery对话框。

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

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