在post方法中從部分視圖中檢索值

Question

我有一個視圖，其中包含下拉列表，並且在選擇的下拉列表項目中加載了部分視圖。當提交表單時，我希望能夠在表單提交時從主視圖和部分視圖中獲取值。 這裏是主視圖

@model AdminPortal.Areas.Hardware.Models.CreateModule 
@{ 
    ViewBag.Title = "Create Module"; 
    Layout = "~/Views/shared/_BootstrapLayout.basic.cshtml"; 
} 

@Html.ValidationSummary(true) 


<fieldset class="form-horizontal"> 
    <legend>Add a Module <small>Create</small></legend> 
    @using (Html.BeginForm("CreateModule", "Module", new{id="AddModuleForm"})) 
    { 
     @Html.ValidationSummary(true) 
     <div class ="controls"> 
      <div class="input-block-level">@Html.TextBoxFor(model => model.ModuleId, new {@placeholder = "ModuleID"})</div> 
      <br/> 
      <div class ="input-block-level" id="selectedModuleTypeName">@Html.DropDownListFor(model => model.SelectedModuleTypeName, Model.TypeNames,"Select Moduletype", new{id = "ModuleList"})</div> 

      <br/> 
      <div id="partialDiv"></div> 
     </div> 
     <div class="form-actions" id="buttons"> 
     <button type="submit" class="btn btn-primary" id="Submit">Save changes</button> 
     @Html.ActionLink("Cancel", "ModuleList", null, new { @class = "btn " }) 
    </div> 

    } 

</fieldset> 
<div> 
    @Html.ActionLink("Back to List", "ModuleList") 
</div> 
<script> 
    $("#buttons").hide(); 
    $("#ModuleList").on("change", function() { 
     var modId = $(this).val(); 
     $.get('@Url.Action("GetModulePropertyName", "Module")', { moduleTypeValue: modId }, function(result) { 
      $("#partialDiv").html(result); 
     }); 
     //uncomment following section to check if the partial view is working properly 
     /*.done(function() { alert("done"); }) 
      .fail(function() { alert("fail"); }) 
      .always(function() { alert("completed"); });*/ 

    }); 
     $("#buttons").show(); 

</script> 

這裏是局部視圖

@model IEnumerable<string> 

    @foreach(var names in Model) 
    { 
     <div class="input-block-level">@Html.TextBoxFor(m=>names, new{Value="", placeholder=names})</div> 
     <br/> 
    } 

這裏是我的模式

public class CreateModule 
    { 
     //Empty form to handle form serialization 
     public CreateModule() 
     { 
     } 

     [Required] 
     public string ModuleId { get; set; } 

     [DataType(DataType.DateTime)] 
     public DateTime DateEntered { get; set; } 

     [Required] 
     public string SelectedModuleTypeName { get; set; } 
     public IEnumerable<SelectListItem> TypeNames { get; set; } 

     public List<Property> Properties { get; set; } 
    } 

public class Property 
    { 
     public string Name { get; set; } 
     public string Value { get; set; } 
    } 

這裏是方法那腳本在主視圖中向前到

[HttpGet] 
     public ActionResult GetModulePropertyName(string moduleTypeValue) 
     { 
      var moduleKindId = _repository.GetModuleKindId(moduleTypeValue); 
      var modulePropertyNames = _repository.GetModuleKindPropertyNames(moduleTypeValue); 
      return PartialView("GetModulePropertyName",modulePropertyNames); 
     } 

，並終於在這裏是主視圖httppost方法

[HttpPost] 
     public ActionResult CreateModule(CreateModule moduleV) 
     { 
      var module = new Module 
       { 
        ModuleTypeId = Convert.ToInt64(moduleV.SelectedModuleTypeName), 
        ModuleId = moduleV.ModuleId, 
        DateEntered = moduleV.DateEntered, 


       }; 
      if (ModelState.IsValid) 
      { 
       _repository.AddModule(module); 
       Success("Module added successfully!"); 
       return RedirectToAction("ModuleList", "Module", new {area = "Hardware"}); 
      } 


       Error("Something went wrong!"); 
       return RedirectToAction("CreateModule", "Module", new { area = "Hardware" }); 

     } 

現狀： 當表單被提交，屬性通過局部視圖傳遞的模型的值爲null。我得到其他值，如typename，模塊ID。

我想要什麼： 我也想獲得通過局部視圖傳遞的屬性的值。

Answer 1

您不必爲Properties屬性的任何輸入字段的任何地方你形成。所以它將永遠是空的。這很正常。

下面介紹如何繼續。首先設置正確的導航屬性，以便助手生成相應輸入字段的正確名稱。

還要確保你傳遞一個IEnumerable<Property>模型的部分，如果你想能夠回到正確地讓他們：

[HttpGet] 
public ActionResult GetModulePropertyName(string moduleTypeValue) 
{ 
    var moduleKindId = _repository.GetModuleKindId(moduleTypeValue); 
    IList<Property> model = ... 
    return PartialView("GetModulePropertyName", model.ToList()); 
} 

，並在您的局部視圖使用編輯器模板：

@model IList<Property> 
@{ 
    // This indicates the current navigational context to the helpers 
    ViewData.TemplateInfo.HtmlFieldPrefix = "Properties"; 
} 

@Html.EditorForModel() 

，最後一步是定義一個自定義編輯模板屬性類：~/Views/Shared/EditorTemplates/Property.cshtml（注意，模板的名稱和位置是很重要的）

@model Property 
<div class="input-block-level"> 
    @Html.HiddenFor(m => m.Name) 
    @Html.TextBoxFor(m => m.Value, new { placeholder = Model.Name }) 
</div> 
<br /> 

Answer 2

嘗試使用

List<Property> 

在您的局部視圖模型，並從您的視圖通過CreateModule.Properties爲模型

Answer 3

的問題是模型綁定想不出有

@ Html.TextBoxFor（m => names，new {Value =「」，placeholder = names}）

屬於「名稱」不是您的模型類的屬性。如果您需要綁定到CreateModule.Properties你需要改變局部視圖發出與aproprate名稱文本框，像這樣的：

@model IEnumerable<string> 
@ 
{ 
int i=0; 
} 
    @foreach(var names in Model) 
    { 
     <div class="input-block-level">@Html.TextBox("Properties[" + i + "].Value")</div> 
     <br/> 
    }