Asp.Net Gridview Seçili Satırı Renklendirme
Gridview ile seçilen bir satırı diğer satırlardan ayırabilmenin en kolay yolu seçilen satırın zemin rengini değiştirmektir. Gridview seçili satırı renklendirmek için Gridview’in OnSelectedIndexChanged event’ını kullanacağız , satırları seçebilmek içinde Gridview üzerine Select komutunu uygulayabileceğimiz bir sütun ekliyoruz.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>www.aspnetornekleri.com</title> </head> <body> <form id="form1" runat="server"> <div> <asp:GridView ID="GridView1" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White" runat="server" OnSelectedIndexChanged = "secilenirenklendir"> <Columns> <asp:ButtonField Text = "Seç" CommandName = "Select" /> </Columns> </asp:GridView> </div> </form> </body> </html>
Kod kısmında page_load olayında gridview içerisini doluruyoruz, daha sonra Gridview’in OnSelectedIndexChanged olayına yazdığımız secilenirenklendir metodu ile Gridviewde Seçilin Satırı Renklendirme işlemini yapıyoruz. Kodlarımızın çalışabilmesi için
namespace kısmına
using System.Data;
using System.Data.OleDb;
using System.Drawing; ekliyoruz…
protected void Page_Load(object sender, EventArgs e) { OleDbConnection baglanti = new OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0; DATA Source=" + Server.MapPath("App_Data/personel.accdb")); baglanti.Open(); //www.aspnetornekleri.com OleDbCommand komut = new OleDbCommand("Select ADI,GOREVI,UCRET,GIRIS_TAR from personel", baglanti); GridView1.DataSource = komut.ExecuteReader(); GridView1.DataBind(); baglanti.Close(); } protected void secilenirenklendir(object sender, EventArgs e) { foreach (GridViewRow row in GridView1.Rows) { if (row.RowIndex == GridView1.SelectedIndex) { row.BackColor = ColorTranslator.FromHtml("#A1DCF2"); } else { row.BackColor = ColorTranslator.FromHtml("#FFFFFF"); } } }