用于编辑弹出窗口的MVC3局部视图

时间:2012-04-05 17:44:42

标签: asp.net-mvc-3 partial-views edit

我正在写一个MVC3项目。现在我有一个表,其中包含Data作为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顾名思义是一个局部视图,我需要将其作为弹出菜单打开,以便用户可以编辑保存它的对象的详细信息,然后我们可以回到原始页面。

感谢您的帮助!

1 个答案:

答案 0 :(得分: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>