0

我有一个带有索引、编辑、创建和详细信息视图的案例模型。我有一个案例控制器。当用户在案例的编辑视图中时，我希望他们能够单击一个按钮，该按钮打开一个带有部分视图的 jQuery 对话框，以将投诉代码添加到案例中。这是部分视图：

@model IEnumerable<cummins_db.Models.ComplaintCode>

@{
    ViewBag.Title = "Case Complaint Codes";
}

<h2>Select a complaint code</h2>

<table>
    <tr>
        <th></th>
        <th>
            Complaint Code Name
        </th>
        <th>
            Complaint Type
        </th>
    </tr>

@try
    {
    foreach (var item in Model)
        {
    <tr>
        <td>
            @Html.ActionLink("Select", "SelectForCase", new { id = item.ComplaintCodeID})
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ComplaintCodeName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ComplaintType)
        </td>
    </tr>
        }
    }
catch
{
}

</table>

用户可以选择部分视图列表中显示的数据，并将其作为多对多关系添加到他们打开的编辑记录中。我正在使用局部视图中的这个控制器方法来添加 MTM 记录。

public void SelectForCase(int id)
        {
        int cid;
        cid = casesid;

        if (ModelState.IsValid)
            {
            CaseComplaint c = new CaseComplaint
            {
                CasesID = cid,
                ComplaintCodeID = id
            };
            db.CaseComplaints.Add(c);
            db.SaveChanges();
            }
        }

问题是这个动作触发后，jQuery 模式对话框和编辑视图关闭。我只想关闭 jQuery 对话框并允许用户继续编辑案例记录。

部分视图正在做它需要做的事情，但我需要保持编辑视图打开。

这是从编辑视图操作链接调用并在对话框中打开部分视图的 jQuery：

$(document).ready(function () {
    $('.addComplaintLink').button();

    $('#AddComplaintDialog').dialog(
    {
        autoOpen: false,
        width: 400,
        resizable: false,
        modal: true,
        buttons:
        {
            "Cancel": function () {
                $(this).dialog('close');
            }
        }
    });

    $('.addComplaintLink').click(function () {
        linkObj = $(this);
        var dialogDiv = $('#AddComplaintDialog');
        var viewUrl = linkObj.attr('href');
        $.get(viewUrl, function(data) {
            dialogDiv.html(data);
        //open dialog
        dialogDiv.dialog('open');
        });
        return false;
    });
});
4

1 回答 1

1

如果我理解正确，您需要AJAX在您的部分中使用。

所以不要使用：

@Html.ActionLink("Select", "SelectForCase", new { id = item.ComplaintCodeID})

尝试：

@Ajax.ActionLink("linkText", "SelectForCase", new { id = item.ComplaintCodeID},
                   new AjaxOptions() {...})

[阅读更多：http://msdn.microsoft.com/en-us/library/dd493139]

或者尝试使用 jQuery.Ajax 更新您的模型，而不是回发整个视图。

于 2012-06-27T15:27:59.407 回答