使用部分視圖進行文件上傳

Question

每當我嘗試使用部分視圖時，我總是遇到此問題。 我有，有一些內容如下的局部視圖：

_DocumentsPartial.cshtml 
<div> 
    <input type="text" name="txtDocType" /> 
    <input type="file" name="file_Uploader" /> 
</div> 
<input type="submit" id="btnSaveDocument" /> 

，然後我有一個的ViewPage就是它是使用局部視圖::

ViewPage 
    <div id="tabs-6"> 
      @* *@ 
      @using (@Html.BeginForm("SaveDocumentFile", "PatientTab", FormMethod.Post, new { @id = "form1", @enctype = "multipart/form-data", @target = "iframeID" })) 
      { 
       Html.RenderAction("_DocumentPartial"); 
      } 
      <iframe id="iframeID" name="myIFrame"></iframe> 
     </div> 

我能打開主頁主頁中的局部視圖成功。但是，當我點擊部分視圖中的提交按鈕後，它會在新選項卡中返回我的partialview，而它應該保持相同的狀態，即。頁面應該是一樣的。但實際上，它會在瀏覽器的新選項卡中打開部分視圖的內容，如下所示：

http://localhost:6695/PatientTab/SaveDocumentFile 

這是不正確的。

My controller code is as follows:: 

    public ActionResult _DocumentPartial() 
     { 
      return PartialView("../Shared/Partial/_DocumentPartial"); 
     } 

     public ActionResult SaveDocumentFile(HttpPostedFileBase file_Uploader, string txtDocType) 
     { 
      return PartialView("../Shared/Partial/_DocumentPartial"); 
     } 

Answer 1

這是典型的混亂。你想要的是動態加載部分視圖，也就是說。通過使用ajax。對於這兩種onclick處理程序添加到您的按鈕，並加載它是這樣的：http://www.c-sharpcorner.com/UploadFile/d551d3/how-to-load-partial-views-in-Asp-Net-mvc-using-jquery-ajax/ 或者使用unobtrustive AJAX：

@Ajax.ActionLink(
    "load partial view", 
    "Load", 
    "Home", 
    new AjaxOptions { UpdateTargetId = "result" } 
) 

Answer 2

這是因爲這段代碼PartialView("../Shared/Partial/_DocumentPartial")返回一個局部視圖和表單提交後它應該被重定向到只有這個觀點。 不是包含您的局部視圖的父視圖。

如果你想重定向到你需要使用

return RedirectToAction("Your parent view Name");父視圖。