Question

I am writing a MVC3 project. Right now I have a table which has column with Data as actionLinks as:

<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 as the name suggests is a partial view, which I need to be opened as a pop-up menu so that user can edit the details of the object save it and we can come back to original page.

Thanks for the help!

Answer 1

You could use jQuery and jQueryUi to capture the click and open the rendered action in a dialog box.

<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>