打开cshtml页面作为MVC中的模式弹出窗口

时间:2015-02-02 13:03:27

标签: jquery asp.net-mvc-5

我们需要在父屏幕中心的应用程序中打开Chart.cshtml页面作为模式弹出窗口(灰色父窗口),其中一些值作为弹出窗口的输入。在弹出窗口关闭时,我们将一些值返回到父屏幕。

Chart.cshtml目录是Views => Home =>我的MVC应用程序的Chart.cshtml。

请帮我提供示例代码。它对我非常有帮助。

谢谢,

Sufyan

2 个答案:

答案 0 :(得分:0)

MVC Return Partial View as JSON查看此帖子。您可以使用ajax从Json渲染局部视图。

创建将您的部分视图作为Json返回的Action。当您从ajax调用(您的部分视图为Json)获得响应时,您可以将其插入到父视图中所需的位置。

答案 1 :(得分:0)

试试这个:

拥有一个div并将其内容设置为action,将您的视图cshtml作为ViewResult返回。

使用jQuery ui对话框将其显示为弹出窗口

<强> HTML

 <div id='divHtml'/>

<强>的javascript

    $(document).ready(function()
{
                 $("#divHtml").load("Home/Chart",
                      function()
            {
                         $( "#divHtml" ).dialog({
                      modal: true,
                    buttons: {
                    Ok: function() {
                    $( this ).dialog( "close" );
                  }
                }
});
                 }
);
});

这将在文档加载中弹出。如果要在单击按钮时打开弹出窗口,请将对话框代码放在按钮单击事件处理程序中。

以下是链接:

http://api.jquery.com/load/

http://jqueryui.com/dialog/#modal-message