投稿にBeginCollectionItemを使用して、オブジェクトのコレクションをコントローラに投稿するにはどうすればよいですか？

Question

私はこれについて多くの研究を行ってきましたが、半分の成功しかありませんでした。 私の問題はこれです：問題は私のViewModelのプロパティは、以下のいずれか見たオブジェクトのリストであるということです、私はビューモデルとASP.NET MVCのビューを持っている ：

public string ApplicationNo { get; set; } 

    public int HSCode { get; set; } 

    public IEnumerable<HSCode> HSCodes { get; set; } 

    public string ItemDescription { get; set; } 

    public int Weight { get; set; } 

    public QuantityUnit Quantity { get; set; }   

    public int Cost { get; set; } 

    public List<Item> Items { get; set; } 

public class Item 
    { 
     public int HSCode { get; set; } 
     public string ItemDescription { get; set; } 
     public int Quantity { get; set; } 
     public int Weight { get; set; } 
     public double Cost { get; set; } 
    } 

私は新しいアイテムをレンダリングしています部分ビューとajaxを使用してユーザーに通知します。 部分ビュー：

@model ecims.ViewModels.NewApplicationViewModel 

<table id="myTableData" class="table" cellpadding="2"> 
    @using (Html.BeginCollectionItem("newRow")) 
    { 
     if (Model.Items.Count != 0) 
     { 
      <tr> 
       <th> 
        @Html.DisplayNameFor(model => @Model.HSCode) 
       </th> 
       <td> 
        @Html.EditorFor(model => @Model.Items.FirstOrDefault().HSCode, new { htmlAttributes = new { @class = "form-control", @value = @Model.Items.FirstOrDefault().HSCode.ToString() } }) 
       </td>    
       <th> 
        @Html.DisplayNameFor(model => @Model.Quantity) 
       </th> 
       <td> 
        @Html.EditorFor(model => @Model.Items.FirstOrDefault().Quantity, new { htmlAttributes = new { @class = "form-control", @value = @Model.Items.FirstOrDefault().Quantity.ToString() } }) 
       </td> 
       <th> 
        @Html.DisplayNameFor(model => @Model.ItemDescription) 
       </th> 
       <td> 
        @Html.EditorFor(model => @Model.Items.FirstOrDefault().ItemDescription, "Item Description", new { htmlAttributes = new { @class = "form-control", @value = @Model.Items.FirstOrDefault().ItemDescription.ToString() } }) 
       </td> 
       <th> 
        @Html.DisplayNameFor(model => @Model.Cost) 
       </th> 
       <td> 
        @Html.EditorFor(model => @Model.Items.FirstOrDefault().Cost, new { htmlAttributes = new { @class = "form-control", @value = @Model.Items.FirstOrDefault().Cost.ToString() } }) 
       </td> 
      </tr> 
     } 
     else 
     { 
      <tr> 
       <th> 
        @Html.EditorFor(model => @Model.HSCode, new { htmlAttributes = new { @class = "form-control", @value = "" } }) 
       </th> 
       <td> 
        @Html.EditorFor(model => @Model.HSCode, new { htmlAttributes = new { @class = "form-control", @value = "" } }) 
       </td> 
      </tr> 
     } 
    } 
</table> 

私のAJAX機能がここにある：ユーザーが「追加」をクリックしたときに

<script type="text/javascript"> 


     $("#add").on('click', function() { 

      var HSCode = $('#hsCode').val(); 
      var ItemDescription = $('#descrip').val(); 
      var Quantity = $('#qty').val(); 
      var QuantityUnit = $('#qtyUnit').val(); 
      var Cost = $('#cost').val(); 

      $.ajax({ 
       async: false, 
       data: { 'HSCode': HSCode, 'Quantity': Quantity, 'ItemDescription': ItemDescription, 'QuantityUnit': QuantityUnit, 'Cost': Cost }, 
       url: '/CreateEUCApplication/CreateNewEUCItem', 
       success: function (partialView) { 
        $('#newRow').append(partialView); 
       } 
      }); 
     }); 

</script> 

私は新しいエントリで更新されるのViewModelに「項目」リストをしたいと思いますボタン。現在、私のajaxメソッドは、新しい項目でビューを正常に更新しますが、コントローラにポストすると、 'Model.Item'リストは空であり、例外がスローされます。

ViewModelのリストを自分のコントローラに投稿して処理するにはどうすればよいですか？ ありがとうございます。 PS：私のコードを改善するための編集/提案は歓迎されたものではありません（私は初心者です:-)）

Answer 1

開始するには、@をHtml内で使用する必要はありませんヘルパーメソッド;変更：

@Html.DisplayNameFor(model => @Model.HSCode) 

オンラインBeginCollectionItemを使用してのいくつかの例があります

@Html.DisplayNameFor(model => Model.HSCode) 

へ： MVC 5 Dynamic Rows with BeginCollectionItem

あなたはHtml.BeginCollectionItemを使用する必要はありません。 on my blog there is another option、もう少し複雑な設定です。私のソリューションは剣道UIを使用していますが、これは必須条件ではありません。