Как сопоставить Mvc Просмотр данных модели и ajax, имеющих свойство списка?

Question

У меня есть действие контроллера MVC с параметром inputModel, у которого есть свойство типа списка, и I, m, используя $('form').serialize() для сериализации содержимого формы и добавления некоторых моих пользовательских данных в сериализованную строку, но внутри объекта модели ввода метода действия свойство list пусто, Может ли один помочь мне, ниже примеры кода

Мой контроллер

[HttpPost] 
public ActionResult Edit(ALDS.Web.Areas.Direct2M3.Models.ItemInputModel collection) 
{ } 

ItemInputModel класс

public class ItemInputModel 
    { 
     //......Some property here.. 
     public List<FabricCompositionInputModel> FabricCompositions { get; set; } 
    } 

FabricCompositionInputModel класса

public class FabricCompositionInputModel 
    { 
     public int ItemID { get; set; } 
     public string CompositionCode { get; set; } 
     public decimal Value { get; set; } 

    } 

Ajax вызов

function save() { 

    var compositionData = generateCompositionForSave(); //Returns array 
    var data = $('form').serialize(); 
    var d2 = JSON.stringify(compositionData); 

    var data2 = data + '&FabricCompositions=' + d2; 

    $.ajax({ 
     type: 'POST', 
     dataType: 'json' , 
     cache: false, 
     url: '/ItemMaster/Edit', 
     data: data2, 
     success: function (data, textStatus, jqXHR) { 
      sucess(data); 
     }, 
     error: function (jqXHR, textStatus, errorThrown) { 
      failed(jqXHR); 
     } 

    }); 

} 

Массив производящей функции

function generateCompositionForSave() { 
    var arr = []; 
    var delClassList = $('#compositionContainer').find('.btnRemoveCompositions'); 
    for (var c = 0; c < delClassList.length; c++) { 
     var row = $(delClassList[c]).closest('.row'); 
     var code = row.find('.compositionCode').val(); 
     var value = parseInt(row.find('.compositionValue').val()); 
     arr.push({ItemID:0, CompositionCode:code, Value:value}); 
    } 

    return arr; 
} 

Answer 1

Вы не строите данные правильно, и это должно быть

var compositionData = generateCompositionForSave(); 
var data = $('form').serializeObject(); // see function below 
data['FabricCompositions'] = compositionData; // add the array to the serialized data 
var data2 = JSON.stringify({ collection: data }), // stringify it 

$.ajax({ 
    type: 'POST', 
    contentType: "application/json; charset=utf-8", // add contentType 
    dataType: 'json' , 
    cache: false, 
    url: '@Url.Action("Edit", "ItemMaster")', // don't hard code your url's 
    data: data2, 
    success: function (data, textStatus, jqXHR) { 
     .... 

И добавьте следующую функцию (предупреждение: это не будет работать правильно для <select multiple> элемента)

$.fn.serializeObject = function() { 
    var o = {}; 
    var a = this.serializeArray(); 
    $.each(a, function() { 
     if (o[this.name] === undefined) { 
      o[this.name] = this.value || ''; 
     } 
    }); 
    return o; 
}; 

Обратите внимание, что если вы создаете ваши элементы формы правильно используя for петли или обычай EditorTemplate для TypeOf FabricCompositionInputModel (см Post an HTML Table to ADO.NET DataTable), например,

for(int i = 0; i < Model.FabricCompositions.Count; i++) 
{ 
    @Html.TextBoxFor(m => m.FabricCompositions[i].CompositionCode) 
    @Html.TextBoxFor(m => m.FabricCompositions[i].Value) 
} 

, то все, что требуется

var data = $('form').serialize(); 
$.ajax({ 
    type: 'POST', 
    dataType: 'json' , 
    cache: false, 
    url: '@Url.Action("Edit", "ItemMaster")', 
    data: data, 
    success: function (data, textStatus, jqXHR) {