Blog

Gridview header mousehover

Posted by Satyapriya Nayak Blogs | ASP.NET Programming Oct 25, 2012
In this blog we will know onmouseover on gridview header back color of header will change.

In this blog we will know onmouseover on gridview header back color of header will change.


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

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>Untitled Page</title>

    <style type="text/css">

.highlighted1

{

background-color:red;

}

.highlighted2

{

background-color:yellow;

}

</style>

 

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <asp:GridView ID="GridView1" runat="server"  BackColor="Yellow"

            GridLines="Vertical" AutoGenerateColumns="false"

            onrowcreated="GridView1_RowCreated" >

            <Columns>

                <asp:BoundField HeaderText="EmpName" DataField="EmpName" />

                <asp:BoundField HeaderText="Address" DataField="Address" />

                <asp:BoundField HeaderText="Phone" DataField="Phone" />

            </Columns>

        </asp:GridView>

    </div>

    </form>

</body>

</html>

 

 

 

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using System.Data.SqlClient;

namespace Gridview_header_mousehover

{

    public partial class _Default : System.Web.UI.Page

    {

        string connStr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;

        SqlCommand com;

        SqlDataAdapter sqlda;

        DataSet ds;

        string str;

 

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                bindgrid();

            }

        }

        private void bindgrid()

        {

            SqlConnection con = new SqlConnection(connStr);

            con.Open();

            str = "select * from employee";

            com = new SqlCommand(str, con);

            sqlda = new SqlDataAdapter(com);

            ds = new DataSet();

            sqlda.Fill(ds, "employee");

            GridView1.DataMember = "employee";

            GridView1.DataSource = ds;

            GridView1.DataBind();

            con.Close();

        }

 

        protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)

        {

            if (e.Row.RowType == DataControlRowType.Header)

            {

                e.Row.Attributes.Add("onmouseover", "className='highlighted1'");

                e.Row.Attributes.Add("onmouseout", "className='highlighted2'");

 

            }

        }

    }

}

 

COMMENT USING
PREMIUM SPONSORS
MCN is your source for developing solutions involving websites, mobile apps, cloud-computing, databases, BI, back-end services and processes and client-server applications.
SPONSORED BY
  • MCN is your source for developing solutions involving websites, mobile apps, cloud-computing, databases, BI, back-end services and processes and client-server applications.