MVC'de Partial View kullanımı

16.07.2014

Merhaba arkadaşlar bu makalemde Asp.NET MVC’de Partial View metodunu kullanmayı anlatacağım. Partial View Asp.NET deki User Control görevini (.ascx) görmektedir. Konuyu uygulumalı olarak işleyelim. Öncelikle bir Asp.NET MVC projesi oluşturuyorum. Sonra Views/Home üzerine sağ tıklayarak Add/View seçeneğine tıklıyorum. Burada dikkat etmem gereken nokta çıkan pencerede Create as a partial view seçeneğini seçmek. Böylelikle eklediğimiz view’ı Partial View olarak tanımlamış oluyoruz. Ben Partial View’a Menu adını verdim. Açılan sayfaya dikkat ederseniz diğer viewlardan farklı olduğunu fark edebilirsiniz. Tamamen bağımsız boş bir sayfa. İçerisine temsili olarak bir menü ekliyorum, ve menu.cshtml kodlarım aşağıdaki gibi oluyor;

<ul>
   <li><a href="#">AnaSayfa</a></li>
   <li><a href="#">Hakkımda</a></li>
   <li><a href="#">İletişim</a></li>
</ul>

Daha sonra Layout sayfama gelip aşağıdaki kodu ekliyorum ve partial viewımı çağırıyorum.

@Html.Partial("Menu")

Son olarak layout sayfamın kodları aşağıdaki gibi oluyor;

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
    @Html.Partial("Menu")
    <div>
        @RenderBody()
    </div>
</body>
</html>

Index’e bir şey eklemediğim için onun kodları da aşağıdaki gibi kalıyor;

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Layout.cshtml";
}
 
<h2>Anasayfa</h2>

Projeyi çalıştırdığınızda menünün geldiğini göreceksiniz. Umarım faydalı olmuştur. Örnek projeyi indirmek için buraya tıklayınız.