How to: Change color of rows in GridView on mouseover
2011-08-29 16:21
393 查看
In this article I will show you how to change color of row in GridView on mouseover.
Please Try this:
Step 1: Fill the Gridview With the help of Database like:
SqlConnection conn1 = new SqlConnection(ConfigurationManager.ConnectionStrings["conn"].ConnectionString);
SqlDataAdapter da1 = new SqlDataAdapter("select fname,lname,city from cust", conn1);
DataSet ds1 = new DataSet();
da1.Fill(ds1);
GridView1.DataSource = ds1;
GridView1.DataBind();
Step 2: Now we call the javascript on the Gridview on the GridView1_RowDataBound:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes["onmouseover"] =
"javascript:mouseovercolor(this);";
e.Row.Attributes["onmouseout"] =
"javascript:mouseoutcolor(this);";
}
}
Step 3: In the aspx page( call the funtion):-
<script language=javascript type="text/javascript">
function mouseovercolor(mytxt) {
mytxt.bgColor = 'Orange';
}
function mouseoutcolor(mytxt) {
element.bgColor = 'White';
}
</script>
Please Try this:
Step 1: Fill the Gridview With the help of Database like:
SqlConnection conn1 = new SqlConnection(ConfigurationManager.ConnectionStrings["conn"].ConnectionString);
SqlDataAdapter da1 = new SqlDataAdapter("select fname,lname,city from cust", conn1);
DataSet ds1 = new DataSet();
da1.Fill(ds1);
GridView1.DataSource = ds1;
GridView1.DataBind();
Step 2: Now we call the javascript on the Gridview on the GridView1_RowDataBound:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes["onmouseover"] =
"javascript:mouseovercolor(this);";
e.Row.Attributes["onmouseout"] =
"javascript:mouseoutcolor(this);";
}
}
Step 3: In the aspx page( call the funtion):-
<script language=javascript type="text/javascript">
function mouseovercolor(mytxt) {
mytxt.bgColor = 'Orange';
}
function mouseoutcolor(mytxt) {
element.bgColor = 'White';
}
</script>
相关文章推荐
- how can i change the back color on mouse out to the color specified in gridview
- Change Rows Background color in GridView with selected Criteria
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的方
- How to change the text color of the selected property sheet tab in Visual C++
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!
- How to change the output color of echo in Linux
- How to save states of Views in Fragments on TabChange
- 如何修改Screen背景?How to - Change the background color of a screen
- How to change the Text color of Menu item in Android?
- Set Font Properties On Mouse Hover Of Push Button And Text Items At Run time In Oracle Forms
- Change Text Color of Items in UIActionSheet - iOS 8
- ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!