MVC使用Ajax.BeginForm更新局部视图

Question

Ajax表单确实更新了选定的div，但不是只是重新加载该div中的局部视图，而是将整个页面内容插入到该div中。

.cshtml文件

<fieldset> 
    <legend>File(s)</legend>    
    <div id="filesBody"> 
     @Html.Action("Action", "Controller", new {id=Model.Id}) 
    </div> 
    <br /> 

    @using (Ajax.BeginForm("UploadFile", "Controller", null, new AjaxOptions {  UpdateTargetId="filesBody"}, new { enctype = "multipart/form-data", @id = "myForm" })) 
    { 
     @Html.HiddenFor(model => model.ComplaintId) 
     <div> 
      <label for="File">Add File:</label> 
      <input type="file" name="FileAttachment" /> 
      &nbsp;<input type="submit" value="Upload" /> 
      @Html.ValidationMessage("FileAttachment") 
     </div> 
    } 
</fieldset> 

控制器

public PartialViewResult GetFilesData(long? Id) 
{ 
    Model Model = new Model(Id); 
    TryUpdateModel(Model); 
    return PartialView(Model); 
} 

局部视图

@model Models 
<div id="reloadField"> 
    @foreach (var ph in Model.docs) 
    { 
     ///code 
    } 
</div> 

Answer 1

在您的局部视图设定的布局等于空。

@model Models 
@{ 
    Layout = null; 
} 

UPDATE

更改Ajax.BeginForm调用GetFilesData行动。