用于编辑弹出窗口的 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顾名思义就是一个局部视图，我需要把它打开成一个弹出菜单，这样用户就可以编辑object的详细信息保存它，然后我们可以回到原来的页面。

谢谢您的帮助！

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>