Seyir Defteri

Gridview(Izgara Görünümü) Kontrolü

Eyl 06, 2013

ASP.NET’in veri bağlama denetim sınıflarından biri olan Gridview, herhangi bir veri kaynağından gelen değerleri bir tablo içinde görüntülemek için kullanılır. Tablodaki her sütun bir alanı, her satır da bir kaydı temsil eder. Gridview denetimi, bu parçaların seçilmesine, sıralanmasına, düzenlenmesine olanak sağlar. En belirgin özelliklerinden bazıları şunlardır.

  • SqlDataSource(Sql Veri Kaynağı) gibi veri kaynağı denetimlerine veri bağlayabilme özelliğine sahiptir.
  • Gömülü sıralama, güncelleme, silme, sayfalama ve satır seçme özelliklerine sahiptir.

Sütun Alanları

Gridview denetiminde, varsayılan durumda AutoGenerateColumns(Otomatik Satır Üretme) özelliği açıktır. Bu özellik kapatılarak satırların kontrolü programcıya da verilebilir. Farklı satır alanı tipleri, ilgili satırların davranışlarını belirler. Aşağıda bu farklı alan tiplerinin bir listesi bulunmaktadır.

  • BoundField(Bağlı Alan): Bir veri kaynağındaki herhangi bir alanın değerini gösterir. Gridview denetiminin varsayılan sütun tipidir.
  • ButtonField(Buton Alan): Denetimde bulunan her bir madde için bir komut butonu görüntüler.
  • CheckBoxField(Seçmeli Kutu Alanı): Denetimdeki her bir madde için bir seçmeli kutu görüntüler.
  • CommandField(Komut Alanı): Seçme, silme, güncelleme işlemleri için önceden tanımlanmış komut butonlarını görüntüler.
  • HyperLinkField(Bağlantı Alanı): Veri kaynağındaki verinin değerini bir bağlantı olarak görüntülemeyi sağlar. Bağlantının adresine ikinci bir alan bağlanmış olur.
  • ImageField(Resim Alanı): Denetimdeki her bir madde için bir resim görüntüler.
  • TemplateField(Şablon Alanı): Gridview denetimindeki her bir madde için, belirli bir şablona bağlı, kullanıcı tarafından tanımlanmış içeriklerin görüntülenmesini sağlar.

Uygulama

Aşağıdaki uygulama, örnek bir veritabanından bağlanan verilerin bir Gridview denetimi ile gösterilmesini anlatmaktadır. 

<div>
            <h2>Gridview Uygulama</h2>
            <asp:GridView ID="ornGridView" runat="server" CellPadding="4"
                ForeColor="#333333" GridLines="Horizontal" AutoGenerateColumns="False"
                Width="530px">
                <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                <Columns>
                    <asp:BoundField HeaderText="İsim" DataField="AD" />
                    <asp:BoundField HeaderText="Soyisim" DataField="SOYAD" />
                    <asp:BoundField HeaderText="Adres" DataField="ADRES"  />
                    <asp:BoundField HeaderText="Bölüm" DataField="BOLUM"  />
                </Columns>
                <PagerStyle BackColor="#FFCC66" ForeColor="#333333" 
                  HorizontalAlign="Center"/>
                <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                <AlternatingRowStyle BackColor="White" />
           </asp:GridView>
        <div>

Veritabanında bazı bilgileri olan örnek kişilerin isim, soyisim, adres ve bölüm alanları, birkaç görsel özelliği ile birlikte Gridview üzerinden gösterilmektedir. Arka plandaki veritabanı bağlantısı da aşağıdaki gibidir.

        Database db = DatabaseFactory.CreateDatabase("ornbaglanti");        DataSet ds = db.ExecuteDataSet(CommandType.Text, "SELECT , FROM OrnekTablo"); 

        ornGridView.DataSource = ds;
        ornGridView.DataBind();

       
Uygulama çalıştırıldığında, görüntülenmek istenen bilgiler Gridview denetimi yardımıyla şekildeki gibi olur.

 

KATEGORİLER