Kısmi görünüm viewmodel öğelerini Razor ile ana görünüm viewmodel'de nasıl kaydedebilirim?

Question

Bu zor bir soru olabilir, ama işte gidiyor.

Bakalım ana görüşüm var ve buna MainView.cshtml diyelim.

Şimdi MainView.cshtml özel bir ViewModel sınıfının ExampleItem bir IEnumerable değişken Model.ExampleItems tutan MainViewModel.cs denilen vardır.

Şimdi ViewModel yalnızca ExampleItem10 olan _PartialView.cshtml adlı kısmi görünümüm var.

Tamam, burası nerede takılıyorum. MainView.cshtml, _PartialView.cshtml numaralı telefonu dinamik olarak arayarak kullanıcının ExampleItem numaralı telefonunu oluşturabilmesini sağlar. Her kullanıcı tarafından oluşturulan ExampleItem'u MainViewModel'un IEIumerable of ExampleItems'e nasıl kaydederim? İşte

orijinal Model.ExampleItems içine

MainView.cshtml

@model Models.ViewModels.MainViewModel 

@foreach (var item in Model.ExampleItems) 
{ 
    await Html.RenderPartialAsync("_PartialView", item); 
} 

<button id="AddExampleItem" type="button" class="btn btn-primary">Add Example Item</button> 

_PartialView.cshtml

@model Models.ExampleItem 

<input asp-for="VariableOne" /> 
<input asp-for="VariableTwo" /> 
<input asp-for="VariableThree" /> 

nasıl kurtarabilir bazı örnek kod ^^^ bu nedir?

Answer 1

Burada iki yolunuz var. Her iki şekilde de, postalanan ExampleItem s bağlantılarını yapmak için, form alanları ExampleItems[N].Property biçiminde adlandırılmalıdır. Yani, bunu başarmak için yapabileceğiniz: yerine bir foreach daha

1. kullan for döngü ve geçiş bir HtmlFieldPrefix:

   @foreach (var i = 0; i < Model.ExampleItems; i++) 
   { 
       var viewData = new ViewDataDictionary(ViewData); 
       viewData.TemplateInfo.HtmlFieldPrefix = "ExampleItems[" + i.ToString + "]"; 
       await Html.RenderPartialAsync("_PartialView", Model.ExampleItems[i]); 
   } 
   

   Ayrıca ExampleItems bir List<ExampleItem> ziyade yapmak gerekir IEnumerable<ExampleItem> veya iki kez numaralandırma için bir istisna (sayın ve sonra döngü için).

2. ExampleItem için bir editör şablonu oluşturun ve EditorFor'u kullanın. Sadece ~/Views/Shared/EditorTemplates/ExampleItem.cshtml'da bir görünüm oluşturun ve kısmi kodunuzu buraya koyun. Sonra ana görünümde sadece yapardın:

   @Html.EditorFor(m => m.ExampleItems) 
   

   Jilet akıllıca bunu bir koleksiyon geçti belirlemek ve koleksiyonunda her öğe için editör şablonu hale getirecek. Ayrıca, önemli olarak, koleksiyonun tam bağlamına sahip olacak, bu yüzden her şey postayla doğru şekilde bağlanacak şekilde uygun ad önekleri kullanacaktır.