MVC3局部視圖編輯彈出

Question

我正在寫一個MVC3項目。現在，我有與數據列actionLinks作爲表：

<td style="color: Black; background-color: Bisque; text-align: center; width: 410px"> 
       @Html.ActionLink(@item.LookUp_NameString, "EditPartial", "Capitation", new { id = item.CAPITATION_RATE_ID }, new { @class = "actionLink" }) 
      </td> 

EditPartial顧名思義是一個局部視圖，這是我需要打開一個彈出菜單，使用戶可以編輯對象的細節保存，我們可以回到原來的頁面。

感謝您的幫助！

Answer 1

您可以使用jQuery和jQueryUi捕獲點擊並在對話框中打開呈現的操作。

<div id="popupWindow" style="display: none;" ></div> 

<script type="text/javascript">  
    $(function() { 
     $("#popupWindow").dialog({ 
      width: 600, 
      autoOpen: false 
     }); 

     $('a.actionLink').click(function() { 
      var url = $(this).attr('href'); 
      $('#popupWindow').load(url, function() { 
       $('#popupWindow').dialog('open'); 
      }); 
      return false; 
     }); 
    }); 
</script>