MVC3 Razor View PopUps

Question

私のアプリケーションでMVC3 Razorビューでjqueryモーダルポップアップを使用しています。

問題メニューオプションをクリックするとポップアップを開く必要があります。これらのメニューオプションはLayeoutページにあります（サイト全体に表示する必要があります）。 LayeoutにポップアップHTMLコードが必要なので、すべてのページソースに隠れて表示されています。

私は実行時にポップアップhtmlを作成するより良い方法がありますか？

私は今、この権利を使用して：

$(id).dialog({ 
      closeOnEscape: true, 
      draggable: true, 
      resizable: false, 
      dialogClass: clz, 
      modal: true, 
      title: $(id + ' .dialog-content').attr('title'), 
      closeText: '' 
     }); 

Answer 1

をあなたは、AJAX経由

をJQuery UI Dialog pluginを使用してモーダルダイアログをロードするためにそれを使用することができます例へのコールを結合し

$('#MyAtag').click(function() { 
// Add a container for the modal dialog, or get the existing one 
var dialog = ($('#ModalDialog').length > 0) ? $('#ModalDialog') : $('<div id="ModalDialog" style="display:hidden"></div>').appendTo('body'); 
// load the data via ajax 
$.get('mycontroller/myaction', {}, 
    function (responseText, textStatus, XMLHttpRequest) { 
     dialog.html(responseText); 
     dialog.dialog({ 
      bgiframe: true, 
      modal: true, 
      width: 940, 
      title: 'My Title' 
     }); 
    } 
); 
}); 

ajaxはリンクの「クリック」イベントに「取得」します。 ajax getリクエストは、MVCプロジェクト内の対応するアクションから部分的なビューを返します。これは、モーダルダイアログに表示されます。

public ActionResult MyAction() 
{ 
    // Do Some stuff 
    //... 

    // If the request is an ajax one, return the partial view 
    if (Request.IsAjaxRequest()) 
     return PartialView("PartialViewName"); 

    // Else return the normal view 
    return View(); 
} 

あなたが望むもの、それです：ここで

は、コントローラがどのように見えることができるもののラフな例はありますか？