2013-02-22 82 views
0

我新的Web开发..ASP .NET MVC3剃刀弹出查看

我已经在MVC3剃须刀使用实体框架创建的视图.. 什么,我还没有做的是, 我第一个创建的模型(客户端)和DbContext(ClientDbContext)类。 然后,我添加控制器scaffolfind选项

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

模型类:客户

数据上下文类:ClientDbContext

浏览次数:剃刀(CSHTML)

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

所有在索引页我已创建,编辑,删除,详细链接... 工作好... 当我点击链接浏览器加载到页面和工作良好。 ..

但我需要弹出这些意见,当我点击索引页中的链接... 我不知道如何做到这一点...我研究了很多文章,但我很困惑... 请帮我解决这个有效的方式...

在此先感谢...

+0

你的意思是你想让创建/更新/删除视图处于弹出模式而不是重定向到新页面? – jcvandan 2013-02-22 15:06:58

+0

@dormisher是... – arshanmugam 2013-02-22 15:09:01

回答

0

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

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

  • 您的网页上下载所需的jQuery UI文件,包括他们(CSS/JS文件)
  • 从创建/更新/删除的意见考虑HTML并把它放在你的索引页上,在一个div包裹它们用适当的ID
  • 页面加载使用jQuery UI的定位您的div你想成为一个弹出

的东西,如您想要的链接通过将选项传递给对话框初始化方法来设置对话框弹出窗口,再次确切的选项和例子可以在文档页面找到。

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>