MVC 2 - 顯示包含局部視圖的jQuery對話框

Question

好吧，所以我試圖顯示一個對話框，並且該對話框的內容來自於部分視圖_TestPartial。

下面是部分觀點：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %> 

<div id="test" title="Basic dialog"> 
    <p>This is just a test</p> 
</div> 

現在，如果我把我的.aspx的test的div被顯示的對話框中，它會顯示就好了。或者，如果我從我的頁面調用部分權限，它會顯示'這只是一個測試'就好。我只是不知道如何讓一個jQuery對話框顯示一個部分。我嘗試了一些東西，比如讓我的對話框調用一個動作，TestAction，它呈現_TestPartial，但這甚至不起作用。我有一種感覺，我在某處丟失了一段關鍵代碼。這裏是我的對話框代碼（它根據選擇列表選項自動調用）：

if ($('#SelectListID option:selected').text() == 'Test') { 
        $('#test').dialog({ 

         width: 400, 
         resizable: false, 
         title: 'Test dialog', 
         open: function(event, ui) { 
          $(this).load("@Url.Action('TestAction')"); 
         }, 
         buttons: { 
          "Close": function(){ 
           $(this).dialog("close"); 
          } 
         }       
        }); 
       } 

Answer 1

我記得以前有類似的問題。我們添加了一個對話框容器，然後將局部視圖加載到內部div中。

<div id="dialogcontainer"> 
    <div id="dialogcontent"></div> 
</div> 

$("#dialogcontainer").dialog({ 
    width: 400, 
    resizable: false, 
    title: 'Test dialog', 
    open: function(event, ui) { 
     $("#dialogcontent").load("@Url.Action('TestAction')"); 
    }, 
    buttons: { 
     "Close": function(){ 
      $(this).dialog("close"); 
     } 
    }       
});