ASP.NET MVC 3ビューをポップアップとして表示する方法

Question

ASP.NET MVC 3では、フルビュー（.cshtml Webページ）をポップアップとして表示する必要があります。現在、ポップアップになるWebページはMVCによって制御されます他のビューとして動作します。別の.cshtml WebページからボタンをクリックするとポップアップWebページが表示され、ボタンをクリックしたときに元のビューを終了しないようにします。 jquery.show（）を使用してビューをポップアップとして作成することを考えていますが、これは必須条件ではありません。どのような変更が必要ですか？

Answer 1

これを達成する1つの方法は、http://fancybox.net/を使用して、新しいWebページをfancybox内のiframeとして読み込むことです。下のfancybox exemplesで確認してください。

jQuery.show（）は、ポップアップの作成とは関係ありません。これは、DOM内の要素を隠す/表示するために使用されます。

Answer 2

、何か明らかのように...

$.ajax({ 
     url: "@Url.Action("youractionname")" 
     ,type: "POST" 
     ,data: data 
     ,success: function(response) 
     { 
      $(document).append("<div class='popup'>" + response + "</div>"); 
     } 
    }); 

のアクションのURLにAJAX呼び出しを行い、あなたのHTMLは以下のページへのアクセスをブロックするために少し、多分モーダルDIVを調整する必要があるかもしれませんポップアップとして表示されるように.popupを定義する必要があります。

Answer 3

このようなjqueryのAJAX呼び出してください：

 $.ajax({ 
      url: /myController/Popup, 
      type: 'GET', 
      data: id, 
      success: function (result) { 
       $("#myTag").html(result); 
      } 
     }); 

が続いてコントローラにちょうど部分図を返す、このような何か：

public ActionResult Popup(int id) 
    { 

     /* construct the viewmodel */ 
     myViewModel = .... 
     . 
     return PartialView("MyPartialView", myViewModel); 
    } 

この部分図は、mytagというに追加されます。