ASP.Net’de gridview üzerindeki kayıtların durumuna göre satırları biçimlendirmek kullanıcının kaynak kontrolünü daya iyi anlamasına ve görüntü olarak daha iyi bir sonucun ortaya çıkması açısından önerilen bir yöntemdir.
Öncelikle SQL Server üzerinden alttaki personel tablosuna ait tablo oluşturma kodunu çalıştıralım işlemlerimizi bu tabloya göre yapacağız.
1 2 3 4 5 6 | CREATE TABLE PERSONEL( ID INT IDENTITY(1,1) PRIMARY KEY, AD VARCHAR(50), SOYAD VARCHAR(50), MAAS FLOAT ) |
Daha sonra Asp.Net’de sayfaya bir gridview atalım ister kod satırında isterseniz datasource nesneleriyle gridview’e verileri aktardıktan sonra Gridview’i seçip Properties araç çubuğunda bulunan Event kısmından RowDataBound event’ine çift tıklayıp RowDataBound Event’i için gerekli kod bloguna yönlendirileceksiniz.
Şimdi yapmak istediğimiz örneğimizde Maaş’ı 1500’e eşit ve üzerinde olan satırların arkaplan rengi için .net’in color sınıfından Aqua rengini kullanıyoruz ve Maas alanındaki değerin font özelliği bold yani kalın yazı olarak ayarlıyoruz. Bu ayarlamaları yapan kod blogu ise şu şekildedir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { if (!string.IsNullOrEmpty(e.Row.Cells[3].Text)) { if (int.Parse(e.Row.Cells[3].Text) >= 1500) { e.Row.BackColor = Color.Aqua; e.Row.Cells[3].Font.Bold = true; } } } } |
Sonuç
ID | AD | SOYAD | MAAS |
---|---|---|---|
1 | Murat | ÖNER | 1750 |
2 | Hakan | GÜNER | 1300 |
3 | Muhammed Emin | ÖZTÜRKLER | 1500 |
4 | Kasım | BOZDEMİR | 1000 |
5 | Emrah | BEKTAŞ | 1250 |
6 | Burak | ARICI | 1900 |
7 | Mücahit | AKÇA | 1850 |
Bu tasarımı nasıl yaptınız acaba?
Devexpress ile felanmı?
Yok hayır tasarım html table ile oluşturulmuştur ben sadece sonucun ne olduğunu göstermek adına kendim oluşturdum bu tasarımı.