İçeriğe geç

PartialView

MVC’ nin özelliği olan PartialView yaz-bırak-çalıştır mantığıyla çalışır.

Sayfaların istediğimiz yerlerine konumlandırabiliriz.

PartialView lar tek başlarına render edilemez. Fakat tek başlarına çalışabilirler.

Bir PartialView i bir kez yazıp, istediğimiz başka yerlerde de birden fazla kez kullanabiliriz.

ASP.NET Web Forms mimarisinde User Control olarak kullanılmaktaydı.

PartialView’ ları, User Control dan ayıran özellik ise parametre alarak işlem yapabilmeleridir.

 

Partial View’ ların Aldığı Parametreler

@Html.RenderPartial(string partialViewName) :

View datayı kullanarak ve parent viewdan gelen Partival View’ı sunar.

 

@Html.RenderPartial(string partialViewName,object model)

Partial View’ı boş olan  view datayı model ile sunar.

 

@Html.RenderPartial(string partialViewName, ViewDataDictionary viewData)

Partial View’ı verilen model ile sunar.

 

@Html.RenderPartial(string partialViewName,object model, ViewDataDictionary viewData)

View Data’nın kopyasını alarak ve modeli sağlayarak Partial  View’a sunar.

 

Kısa bir örnek yapacak olursak;

1- İlk olarak Visual Studio dan aşağıdaki gibi bir solution açıyoruz.

2- Açılan MVC tabanlı projeden Controller klasörüne gelip sağ tıklayıp Add- Controller dan Controller ekliyoruz.

3- Açılan Controller da bir tane Index methodu bulunmaktadır. Index metodun tanımlandığı alana gelip sağ tıklayarak Index View ını ekliyoruz.

4-Oluşan Index View ın klasörüne gelip tekrardan sağ tıklayarak Add View diyerek “Partial View” seçeneğini seçip Partial View ımızı oluşturuyoruz.

5- Oluşan PartialView a çeşitli yazılar yazarak kaydediyoruz.

<table>
<tr>
<td>Örnerk1</td>
<td>Örnek2</td>
</tr>

</table>

 

6- Index View ına gelip oluşturduğumuz viewımımızı  aşağıdaki şekilde çağırıyoruz.

Html.Partial(“Partial1”);  —>Buradaki Partial1 ismi bizim PartialView ımıza verdiğimiz isimdir.

7- Son olarak projemizi compiler etmeden önce Solution a gelip sağ tıklayarak projemizi build ediyoruz.

F5 ile çalıştırarak PartialView ımızı, Index View ı altında görüntüleyebiliriz.

 

 

 

Tarih:MVC

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir