4

我想用@ Ajax.ActionLink所以我在CSHTML頁面做此彈出一個形式:使用@ Ajax.ActionLink彈出一個形式

@Ajax.ActionLink("click ", "AddToMembers", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "result", InsertionMode = InsertionMode.Replace, OnSuccess = "openPopup" }) 
    <div id="result" style="display:none;"></div> 

,並添加這個腳本:

 <script type="text/javascript"> 
      $(document).ready(function() { 
       $("#result").dialog({ 
        autoOpen: false, 
        title: 'Title', 
        width: 500, 
        height: 'auto', 
        modal: true 
       }); 
      }); 
      function openPopup() { 
       $("#result").dialog("open"); 
      } 
</script> 

在我的控制器中加入此功能:

[HttpGet] 
    public PartialViewResult AddToMembers() 
    { 
     return PartialView(); 
    } 

但是當我點擊了「點擊」我的形式在新頁面在瀏覽器中打開的。不在我的彈出窗體中 有什麼問題?

回答

7

我懷疑你忘了,包括下面的腳本到你的頁面:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script> 

此腳本用於AJAXify由Ajax.ActionLink幫手產生的錨。還sinde你使用jQuery對話框確保你有引用jQuery UI:

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script> 
+0

是的,我忘了這個「unobtrusive-ajax.js」對不起 – MHF 2012-02-16 13:01:10