HttpPost後填充字段創建 - 對象爲空使用輸入

Question

我正在學習ASP.NET MVC 5.我創建了一個視圖「創建」。但我沒有使用Razor來生成輸入字段，我使用純html輸入。

Create.cshtml

@model MyProject.Product 

<h2>Create Product</h2> 

<form method="post"> 

    Description: <br /> 
    <input type="text" name="Description" id="Description"/> <br /> 
    ValueType: <br /> 
    <input type="text" name="ValueType" id="ValueType"/> 
    <br /> 
    <input type="submit" name="btSend"/> 

</form> 

我的控制器：

public ActionResult Create() 
     {    
      return View(); 
     } 

     [HttpPost] 
     public ActionResult Create(Product product) 
     { 
      if (ModelState.IsValid) 
      {     
       db.Product.Add(product);     
       db.SaveChanges();     
       return RedirectToAction("Index"); 

      } 
      else 
      { 
       return View(product); 
      } 

    It works fine. I can create new products. 

但我需要使用一些服務器端驗證與模型註解。 因此，我想發送數據，如果模型無效，請返回使用值創建。我知道如何把驗證信息。所以，我試過這個：

@model MyProject.Product 

<h2>Create Product</h2> 

<form method="post"> 

    Description: <br /> 
    <input type="text" name="Description" id="Description" value="@Model.Description"/> <br /> 
    ValueType: <br /> 
    <input type="text" name="ValueType" id="ValueType" value="@Model.ValueType"/> 
    <br /> 
    <input type="submit" name="btSend"/> 

</form> 

如何將純輸入與html綁定到模型？

爲什麼爲空值？

非常感謝。

Answer 1

如果您不想使用razor based form approach，則可以使用顯示驗證消息和Viewbag/ViewData。

[HttpPost] 
    public ActionResult Create(Product product) 
    { 
     if (!ModelState.IsValid) 
     { 
      //if you want to get validation message from ModelState itself, you can query from Modelstate : 
      string message = string.Join(" , ", ModelState.Values 
           .SelectMany(v => v.Errors) 
           .Select(e => e.ErrorMessage)); 
      ViewData["ValidationMessage"] = "Validation Message";// you can use above variable message here 
      return View(product); 
     } 
    // your other implementation 
    } 

你的觀點應該是這樣的：

@model MyProject.Product 

<h2>Create Product</h2> 

<form method="post"> 
    <div class="error-message">@ViewData["ValidationMessage"]</div> 
    Description: <br /> 
    <input type="text" name="Description" id="Description" value="@Model.Description"/> <br /> 
    ValueType: <br /> 
    <input type="text" name="ValueType" id="ValueType" value="@Model.ValueType"/> 
    <br /> 
    <input type="submit" name="btSend"/> 

</form> 

不過，我會建議使用razor based form approach如果你允許這樣做。

Answer 2

我想你可能會誤解剃鬚刀視圖引擎。頁面2.0和3.0（剃鬚刀）沒有任何數據綁定。它用html helpers模擬它，但這不是本地razor數據綁定。看看助手背後的代碼（https://aspnetwebstack.codeplex.com/SourceControl/latest#src/System.Web.Mvc/Html/DefaultEditorTemplates.cs），你會發現他們只是在執行你所期望的工作。