Asp.net ile GridView Kullanımı, Silme ve Güncelleme

GridView nesnesi, Asp.net'de Toolbox(Araç Kutusu)'da Data sekmesi altında yer alan oldukça işlevsel ve pratik bir nesnedir.

Önce SQL Server'i açıp eticaretdb adında bir database ekledim. İçinde de tblMusteri isimli bir tablo oluşturdum, tablo yapısını aşağıdaki gibi görebilirsiniz.

Bu tabloda her kayıt girildiğinde otomatik artacak şekilde ayarlanan musteriID alanı int tpinde ve Primary Key(Birincil Anahtar) olarak ayarlanmıştır.

Daha sonra Visual Studio'da yeni bir Web projesi oluşturuyoruz.

Visual Studio View menüsünden Solution Explorer seçeneğini seçiyoruz. Projemizin üzerine sağ tıklayıp bir Web Form açıyoruz.

Toolbox'tan Data sekmesinden bir SqlDataSource nesnesi bir tane de GridView nesnesini formumuzu üzerine bırakıyoruz. WebForm Görüntüsü aşağıdaki gibi oluyor.

Daha sonra SqlDataSource1 nesnesinin üzerine bir defa tıklayıp köşesindeki oka tıklayıp Configure Data Source seçeneğini seçiyoruz, alttaki gibi bir pencere açılıyor.

Burada New Connection(Yeni Bağlantı) sekmesine tıklayıp SQL Server veritabanımız ile aradaki bağlantıyı kurmak için gerekli ayarlamaları yapıyoruz.

Burada anahtar nokta Server Name yerine ne yazacağınızdır, SQL Server giriş ekranında Server Name adı olarak ne verilmişse onu yazınız, WEB1-SERVER1\SQLEXPRESS ifadesini SQL server giriş ekranından kopyalayıp buraya yapıştırdım, yerel bilgisayarlar için nokta(.) da koyup Refresh(Tazele) düğmesine basınız. Select or Enter Database Name kısmından veritabanını eticaretdb olarak seçiyoruz, burada birşey çıkmazsa direkt olarak elle de yazıp Test Connection düğmesine tıklayınız. Daha sonra Next - Next tuşlarına basarak devam ediniz.

Finish(Bitir) tuşuna basarak işlemi tamamlayınız. Böylece artık SqlDataSource bağlantımızı sağlamış olduk, bundan sonra SqlDataSource1 üzerine sağ tıklayıp Properties seçeneğini seçiniz.

Şimdi Query (Sorgu) larımızı yazacağız, SELECT, UPDATE, DELETE için sırasıyla aşağıdaki sorguları Sql Command kutucuklarına yazınız, büyük küçük harf ayrımına dikkat ediniz.

SelectQuery yanındaki kısma tıklayıp;
SELECT * FROM [tblMusteri]

DeleteQuery yanındaki kısma tıklayıp;
DELETE FROM tblMusteri where musteriID=@musteriID

UpdateQuery yanındaki kısma tıklayıp;
UPDATE tblMusteri SET ADI =@ADI, SOYADI =@SOYADI, TELEFON =@TELEFON where MusteriID=@MusteriID

bilgilerini yazınız. Sonra GridView1 üzerine bir defa tıklayıp sağ üst köşedeki ok işaretine tıklayarak Choose Data Source seçeneğininden SqlDataSource1 seçeneği seçerek GridView ile SqlDataSource arasındaki bağlantıyı tamamlayınız.

Şimdi GridView nesnesine Düzenle, Sil butonları ekleyeceğiz. Bu işlem için GridView üzerine tıklayıp, daha sonra ok simgesine tıklayıınız, aşağıdaki gibi bir pencere açılacaktır. Available Fields bölümünden CommandField seçeneğini seçerek Add düğmesine tıklayınız, alt tarafta yer alan Selected Fields kısmına düşecektir. CommandField üzerine tıklayıp şimdi ayarlarımızı yapalım.

Sağ tarafta yazan InsertText'i Ekle, NewText'i Yeni, UpdateText'i Güncelle olarak seçiniz.

InsertVisible = True
ShowDeleteButton=True
ShowEditButton=True
ShowSelectButton=True

şeklinde özellikleri ayarlayınız. Tamam deyip çıktığınızda GridView görünümüz aşağıdaki gibi olacaktır. Bu arada güzel bir görünüm için AutoFormat seçeneğinden Professional seçeneğini seçtim.