Ajax.Beginform+部分视图+模型状态不能一起工作

Question

我的ASP.NETMVC中有以下Create操作方法：-

 public ActionResult CreateVMNetwork(int vmid)
        {
            VMAssignIps vmips = new VMAssignIps()
            {
                TechnologyIP = new TechnologyIP() { TechnologyID = vmid},
                IsTMSIPUnique = true,
                IsTMSMACUnique = true
            };
            return PartialView("_CreateVMNetwork",vmips);
        }

这将呈现以下部分视图：-

    @model TMS.ViewModels.VMAssignIps
    @using (Ajax.BeginForm("CreateVMNetwork", "VirtualMachine", new AjaxOptions
    {
        InsertionMode = InsertionMode.InsertAfter,
        UpdateTargetId = "networktable",
        LoadingElementId = "loadingimag",
        HttpMethod= "POST"
    }))
    {
           @Html.ValidationSummary(true)
           @Html.HiddenFor(model=>model.TechnologyIP.TechnologyID)
        <div>
<span class="f">IP Address</span> 
@Html.EditorFor(model => model.TechnologyIP.IPAddress)
@Html.ValidationMessageFor(model => model.TechnologyIP.IPAddress)                                              
   <input type="CheckBox" name="IsTMSIPUnique" value="true" @(Html.Raw(Model.IsTMSMACUnique ? "checked="checked"" : "")) /> | 
 <span class="f"> MAC Address</span>       
@Html.EditorFor(model => model.TechnologyIP.MACAddress)
@Html.ValidationMessageFor(model => model.TechnologyIP.MACAddress)                                              
 <input type="CheckBox" name="IsTMSMACUnique" value="true" @(Html.Raw(Model.IsTMSMACUnique ? "checked="checked"" : "")) />
</div>   
           <input type="submit" value="Save" class="btn btn-primary"/>
    }

在以下主视图中，单击Ajax.actionlink后：-

@Ajax.ActionLink("Add Network Info", "CreateVMNetwork","VirtualMachine",
    new { vmid = Model.VirtualMachine.TMSVirtualMachineID },
    new AjaxOptions {
 InsertionMode = InsertionMode.Replace,
 UpdateTargetId = "AssignNetwork"  ,
 LoadingElementId = "progress"

}
)
    </p>
<p><img src="~/Content/Ajax-loader-bar.gif" class="loadingimage" id="progress" /></p>
<div id ="AssignNetwork"></div>

然后，当点击"Save"按钮时，它将调用以下操作方法：-

[HttpPost]
        public ActionResult CreateVMNetwork(VMAssignIps vmip)
        {
if (ModelState.IsValid)
 {
try
{
repository.InsertOrUpdateVMIPs(vmip.TechnologyIP,User.Identity.Name);
repository.Save();
return PartialView("_networkrow",vmip);
 }
catch (Exception ex)
{
ModelState.AddModelError(string.Empty, "Error occurred: " + ex.InnerException.Message);
}}
return PartialView("_CreateVMNetwork", vmip);
}

何时渲染以下部分视图_networkrow:-

@model TMS.ViewModels.VMAssignIps
<tr id="@Model.TechnologyIP.ID">
    <td> @Model.TechnologyIP.IPAddress</td> 
    <td>@Model.TechnologyIP.MACAddress</td>
    <td>@Ajax.ActionLink("Delete",
 "DeleteNetworkInfo", "VirtualMachine",
new { id = Model.TechnologyIP.ID },
new AjaxOptions
{ Confirm = "Are You sure You want to delete (" + Model.TechnologyIP.IPAddress + ")" + "( " + Model.TechnologyIP.MACAddress + ").",
    HttpMethod = "Post",
    OnSuccess = "deletionconfirmation",
    OnFailure = "deletionerror"
})</td>
    </tr>

除非发生模型状态错误或异常，否则上述所有操作都会正常工作，在这种情况下，表将更新为局部视图，模型状态将显示在带有字段的表下。但我需要在相同的原始视图上显示模型状态错误。因此，只有在没有发生异常或模型状态错误的情况下，我才需要Ajax.begin表单来更新表，并在原始部分视图中显示错误消息，而不是在表下。

有人能就如何解决这个问题提出建议吗？

Answer 1

我不清楚您的问题，但我认为您应该在视图中放置一个<div>，以便显示错误。

然后，如果您在处理过程中遇到一些错误，请通过ViewBag将一些错误消息推送到模型中。

所以，你的行动方法会变成这样：

[HttpPost]
public ActionResult CreateVMNetwork(VMAssignIps vmip)
{
if (ModelState.IsValid)
{
    try
    {
        repository.InsertOrUpdateVMIPs(vmip.TechnologyIP,User.Identity.Name);
        repository.Save();
        return PartialView("_networkrow",vmip);
    }
    catch (Exception ex)
    {
        ViewBag.ErrorMessage = "Some messages...";
        // also any other info you like
    }
}
return PartialView("_CreateVMNetwork", vmip);
}

在你看来：

<div>
    <p>@ViewBag.ErrorMessage</p>
</div>

因此，如果您遇到一些错误，它们将显示在

Answer 2

networktable在哪里定义？请记住，即使出现异常（因为您已经捕捉到它）或ModelState错误，ajax响应也会返回状态200，并执行OnSuccess。在保存按钮的情况下，服务器返回的响应将插入到已经包含的任何网络表的html之后。如果您希望在出现故障时采取特殊操作，则必须更改服务器上的响应状态，并通过客户端上由ajax表单上的OnFailure调用的函数来捕获它。