Anasayfa / Yazılım / ASP.NET / MultiView ve View Kontrollerinin Kullanımı

MultiView ve View Kontrollerinin Kullanımı

Daha önceden Multiview kontrolü hakkında bir yazı paylaşmıştım. Aşağıdaki linkten bu yazıyı da okuyabilirsiniz.

MultiView Kontrolü

Şimdiki yazımda Multiview kontrolü ve View kontrolünün birlikte kullanımına değinmek istiyorum. MultiView kontrolü içinde View kontrollerini kullanarak bir sayfa içinde sanki iç içe sayfalar oluşturmuş gibi bir yapı elde edebiliriz. Örnek bir uygulama yapmadan önce değinmek istediğim bir iki nokta söz konusu. MultiView kontrolleri içinde sayfalama yapısı oluşturmak için View kontrolleri mutlaka kullanılmalıdır. Yine View kontrolleri kullanabilmek için mutlaka MultiView kontrolü kullanmalıyız ve View kontrolleri MultiView kontrolü içinde olmalıdır. Eğer MultiView kontrolü içinde yer almaz ise bu kontroller kullanılamazlar.

Bu yazımda yine kodsal bir örnek yapmayacağım, sadece multiview ve view kontrolünün kullanımını resmederek anlatacağım.

Boş bir WEB projesi oluşturup bir adet WEB form ekleyelim. WEB formumuzun design alanına geçip öncelikle bir adet MultiView kontrol ekleyelim.

Kontrolümüzü ekledikten sonra kodlarımız şu şekilde oluyor,

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>





    


    

Görüldüğü gibi MultiView kontrolü eklenmiş durumda. Şimdi View kontrolümüzü MultiView kontrolü içine ekleyelim.

Daha sonra kodlarımız şu şekilde oluyor :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>





    


    

Diyelim ki View kontrolümüzü Multiew içinde alamadık, hata yaptık ne gibi bir durumla karşılaşıyoruz bunu görelim :

Görüldüğü gibi hata alınıyor. Şimdi bir adet View kontrolü daha ekleyelim. Daha sonrada sayfanın üstüne iki adet buton ekleyelim. Birinci butona basıldığında View1 içeriği görüntülenecek, ikinci butona basıldığında ise View iki içeriği görüntülenecek. Tasarımım en son aşağıdaki gibi :

Tasarım kodlarımın son şekli ise :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>





    


    
Birinci butona basıldı, şimdi de View1 görüntülenir. İkinci butona basıldı, şimdi de View2 görüntüleniyor

Şimdi 1.Butonun click eventine aşağıdaki kodu yazıyoruz :

protected void Button1_Click(object sender, EventArgs e)
    {
        MultiView1.ActiveViewIndex = 1;
    }

Şimdi 2.Butonun click eventine aşağıdaki kodu yazıyoruz :

protected void Button2_Click(object sender, EventArgs e)
    {
        MultiView1.ActiveViewIndex = 2;
    }

Böylelikle buton 1’e basıldığında MultiView kontrolümüzün ActiveIndex özelliği ile birinci View kontrolünün içeriği görüntüleniyor. Buton 2’ye basıldığında MultiView kontrolümüzün ActiveIndex özelliği ile ikinci View kontrolünün içeriği görüntüleniyor.

Şu anda kullanımını anlatmak için basit bir çalışma yaptım, daha sonra iyi bir uygulama ile hem menü hem de bu kontrollerin kullanımını pekiştireceğim.

Bir yorum

  1. Merhaba, güzel ve anlaşılır anlatımınız için teşekkürler.
    Ufak bir hatırlatma yapmak istiyorum 1 ve 2 rakamları sanırım 0 ve 1 olmalı.
    Selamlar.

Bir cevap yazın

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