Mvc – Controller’dan View’e Birden Fazla Model Gönderme

Merhaba arkadaşlar, Controller’dan View’e Birden Fazla Model Gönderme işleminden bahsedeceğim.

View kısmında verilerimizi göstermek için tek bir model ya da List<Model> şeklinde bir dönüş sağlarız. Bazı durumlarda ise ilgili sayfamıza birden fazla model göndermemiz gerekebilir. Örnek vermek gerekirse bir ürün modelimiz mevcut. Ürün detay sayfamızda bu ürünün modelini dönmemiz gerekiyor. Fakat bir de ürünün resimleri mevcut. Bu resimlerin bulunduğu modelimizi de dönmemiz gerekiyor. Böyle durumlarda birden fazla model döndürme işlemini nasıl sağlayabiliriz? gibi düşünceler aklımızda yer ediniyor. Bu konuda ise bize ViewModel yardımcı olacaktır. Bir adet ViewModel oluşturuyoruz. Ama bu model içinde UrunModel tipinde bir property ve List<UrunResim> tipinde 2 adet bir property tanımlama işlemi gerçekleştiriyoruz. Böylelikle artık bizim oluşturduğumuz ViewModel’imiz Urun Bilgilerini ve Urun Resim Bilgilerini tutmamızı ve sayfamıza(View) bu model şeklinde bir dönüş sağlamamızı sağlıyor.

Örnek üzerinden işlemlerimizi inceleyelim:

İlk olarak bir Urun ve UrunResim modellerimizi oluşturuyoruz.

public class Urun
{
public int UrunId { get; set; }
public string UrunAdi { get; set; }
public decimal UrunFiyati { get; set; }
}

public class UrunResim
{
public int UrunResimId { get; set; }
public int UrunId { get; set; }
public string UrunResimAciklamasi { get; set; }
public string UrunResimUrl { get; set; }
}

Daha sonra UrunDetayViewModel’imizi oluşturuyoruz.

public class UrunDetayViewModel
{
public Urun Urun { get; set; }
public List UrunResimleri { get; set; }
}

ViewModelimizi oluşturduktan sonra ise Controller’da bulunan Action içeriğini yazalım.

public ActionResult Index()
{
UrunDetayViewModel model = new UrunDetayViewModel();

Urun urun = new Urun();
urun.UrunId = 1;
urun.UrunAdi = "iPhone 7 Plus";
urun.UrunFiyati = 3500;

List urunResimListesi = new List();

UrunResim urunResim = new UrunResim();
urunResim.UrunResimId = 1;
urunResim.UrunId = 1;
urunResim.UrunResimAciklamasi = "iPhone 7 Plus";
urunResim.UrunResimUrl = "Resim_1_URL";

// Aşağıda listeye iki şekilde de ekleme örneği yazdım.
// İki şekilde de kullanım yapılabilir.

urunResimListesi.Add(urunResim);

urunResimListesi.Add(new UrunResim { UrunResimId = 2, UrunId = 1, UrunResimAciklamasi ="iPhone 7 Plus", UrunResimUrl = "Resim_2_URL" });

// Oluşturduğumuz modeldeki property'lere de atama işlemlerimizi gerçekleştiriyoruz.
// Daha sonra da View'a UrunDetayViewModel'imizi gönderiyoruz.

model.Urun = urun;
model.UrunResimleri = urunResimListesi;

return View(model);
}

Action içeriğini yazdıktan sonra sıra geldi View’ımızı oluşturmaya. View’ı da aşağıdaki gibi oluşturduğumuzda ilgili bilgilerin geldiğini göreceğiz.

@model ModelBindingSample.Models.UrunDetayViewModel

@{
ViewBag.Title = "Ürün Detay";
}
<h2>Ürün Detay</h2>
Ürün Adı: @Model.Urun.UrunAdi (@Model.Urun.UrunFiyati TL)

@foreach (var resim in Model.UrunResimleri)
{
<img title="@resim.UrunResimAciklamasi" src="http://alicancevik.com/mvc-controllerdan-viewe-birden-fazla-model-gonderme/" alt="@resim.UrunResimUrl" />
}

Oluşturduğumuz sayfanın çıktısı aşağıdaki gibi olacaktır.