MVC4，使用jQuery在对话框中渲染部分视图，如何刷新

Question

I have a partial view that is popping up in a dialog with the code below. However, after the user saves the partial view the data does not refresh in that partial view when I click the ActionLink again until I stop debugging and restart the app. However, the new record is in my databsae. The other issue is when I restart the app I cannot update the record because of the error below. What am I missing? Thanks.

    An object with the same key already exists in the ObjectStateManager. The ObjectStateManager cannot track multiple objects with the same key.

The div tag in my View

    <div id="assign-dialog"></div>

The ActionLink in the same view

    @Html.ActionLink("Assign", "Edit", "Assignment", new { id = Model.InfoId}, new { @class = "assign-modal" })

The jQuery

    $(function () {

$(function () {
    $('#assign-dialog').dialog({
        autoOpen: false,
        width: 400,
        height: 500,
        resizable: true,
        modal: true
    });

    $('.assign-modal').click(function () {
        $('#assign-dialog').load(this.href, function () {
            $(this).dialog('open');
        });
        return false;
    });

});

The HTTP GET action

    [HttpGet]
    [Authorize(Roles="Admin")]
    public ActionResult ViewAssignment(int id = 0)
    {
            RequestAssignment query = _assignmentRepository.GetCurrentAssignment(id);

            return PartialView("_ViewAssignment", query)
    }

UPDATE:

I originally followed the steps in javascript/jquery modal popup dialog MVC 4 / render partial view under the dynamic section of Jasen's answer, but did not know what to put in the "Client Partial, empty for now "

...okay so going off some other posts I have read this is what I was able to come up with, but nothing happens when I click my link.

View html

    <a href="#" class="dialog-trigger" data-infoId="@Model.InfoId">Assign</a>
    <div id="assign-modal">

    </div>

jQuery

    //Dialog Box for Assignments
 $(".dialog-trigger").on("click", function(event) {
    event.preventDefault();
    var infoId= $(this).data("infoId");
    $.ajax({
        url: "RequestAssignment/Edit/" + infoId,
        type: "GET"
    })
    .done(function(result) {
        $("#assign-modal").html(result).dialog("open");
    });
});

Answer 1

so after some long searching, I decided to use Ajax.ActionLink. I know there are better ways out there, but this one was working for me. I want to thank @MattBodily for all the help along the way.

    @Ajax.ActionLink("Approve", "QuickAssign", "Assignment", new { id = Model.InfoId}, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "result", InsertionMode = InsertionMode.Replace, OnSuccess = "openDialog" })

then my javascript function

function openDialog() {

     //set the diaglog properties
     $("#result").dialog({
         title: 'Assign',
         width: 550,
         height: 'auto',
         modal: true
     });


     $("#result").dialog("open");
}