Комплексный вложенный частичный вид Ajax Сообщение для MVC 5 Контроллер

Question

TL; 0: Мне просто нужно выяснить, почему я не могу сериализовать() родительский div частичного представления и получить модель. Кодирование этого вручную будет происходить навсегда, так как есть много родительских партикулов, с которыми мне пришлось бы использовать ту же логику.

Дополнительная информация: Я пробовал EditorTemplate для привязки, но, к сожалению, нет простого способа использовать их в качестве списков переменных, насколько я искал.

Начало:

Модель

public class ContactModel 
{     
    public List<ContactDetailModel> Contacts { get; set; } 
    .... 


public class ContactDetailModel 
{ 
    public ContactView Contact { get; set; } 
    public PhoneModel PhoneModel { get; set; } 
    ... 

public class PhoneModel 
{ 
    public int ContactId { get; set; } 
    public int IsPrimaryPhoneNumberId { get; set; } 
    public List<PhoneView> Phones { get; set; } 
    public List<EmailPhoneTypeView> EmailPhoneTypes { get; set; } 
... 

Чтобы выбрать & пост входов от всего этого частичного вида, я реализовал переменный класс, а также его относительный шаблон префикс держать MVC для связывания частичный вид.

@{ 
var phoneClass = "phone" + @Model.Contacts[index].Contact.ContactId; 
var phoneTemplatePrefix = "Contacts[" + index + "].PhoneModel"; 
} 

Это выполняется внутри цикла, увеличивая индексы по мере необходимости, чтобы сохранить привязку.

<div class="@phoneClass"> 
    @Html.Partial("_ContactPhone", Model.Contacts[index].PhoneModel, new ViewDataDictionary() { TemplateInfo = new TemplateInfo() { HtmlFieldPrefix = phoneTemplatePrefix } }) 
</div> 

Частичный, который я пытаюсь опубликовать. (Сильно типизированных частичное для PhoneModel)

@{var addNavigationClass = "AddContactPhone" + Model.ContactId;} 

for (var phoneIndex = 0; phoneIndex < Model.Phones.Count(); phoneIndex++) 
{ 
    @Html.HiddenFor(model => model.Phones[phoneIndex].ContactPhoneId) 
    @Html.DropDownListFor... 
    @Html.TextBoxFor(model => model.Phones[phoneIndex].PhoneNumber) 
    <a href="#" class="removeMemberPhone">Trash</a> 
    @Html.RadioButtonFor(model => model.IsPrimaryPhoneNumberId, Model.Phones[phoneIndex].ContactPhoneId) Primary</label> 
} 

внутри вида кликни функции

var model = $('.phone' + '@Model.ContactId' + ' :input').serialize(); 
console.log('model', model); 

$.ajax({ 
    url: '/Contact/AddPhone', 
    type: 'POST', 
    data: model, 
    success: function (data) { 
    console.log(data.length); 
    } 
    .... 

вывода лога

model Contacts%5B1%5D.PhoneModel.Phones%5B0%5D.ContactPhoneId=3907&Contacts%5B1%5D.PhoneModel.Phones%5B0%5D.EmailPhoneTypeId=1&.......... 

Моя модель никогда не любые значения в мой контроллер (я сокращенном ContactPhoneModel to PhoneModel в вышеуказанном коде) ...

Answer 1

Это скорее псевдо-код, чем действительный код, вам нужно немного его убрать.

Поскольку вы не отправляете назад полную страницу, кажется, что она переполнена, чтобы перепрыгнуть через обручи модели Mvc при привязке к коллекции. Если это было мне сделать это, я бы изменить ваш обработчик щелчка на следующее:

var model = {}; 
$('.phone' + '@Model.ContactId' + ' :input').each(function(){ 
    model[/[^\.]+$/.exec($(this).prop("name"))[0]] = $(this).val(); 
}; 
console.log('model', model); 

$.ajax({ 
    url: '/Contact/AddPhone', 
    type: 'POST', 
    data: model, 
    contentType: "application/json; charset=UTF-8", 
    success: function (data) { 
     console.log(data.length); 
    } 

Я хотел бы посмотреть на использование editortemplates как упомянуто в комментариях, они будут принимать некоторые боли прочь от управления индексами и например,

Answer 2

Вот несколько (unrefined, and early) code, которые я написал, которые будут обрабатывать правильно отформатированные данные serializeArray() и повторно создавать массивы для хорошей записи в контроллер MVC.

В верхнем 2-х строках будет показано, как вызвать его один раз в вашем проекте.