GridView選中行變色
1、首先在.aspx頁面塊中添加javascript
2、然後修改GridView,添加事件OnRowDataBound,如:
3、最後在.aspx.cs頁面中添加
protected void GridView1_RowDataBound(object sender,GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
//當鼠標停留時更改背景色
e.Row.Attributes.Add("onmouseover", "if(this!=prevselitem){this.style.backgroundColor='#Efefef'}");
//當鼠標移開時還原背景色
e.Row.Attributes.Add("onmouseout", "if(this!=prevselitem){this.style.backgroundColor='#ffffff'}");
//點擊行變色
e.Row.Attributes.Add("onclick", e.Row.ClientID.ToString() + ".checked=true;selectx(this)");
//設置懸浮鼠標指針形狀爲"小手"
e.Row.Attributes["style"] = "Cursor:hand";
GridView1.HeaderRow.Cells[10].Visible = false;
e.Row.Cells[10].Visible = false;//隱藏選擇按鈕
String evt = Page.ClientScript.GetPostBackClientHyperlink(sender as System.Web.UI.WebControls.GridView, "Select$" + e.Row.RowIndex.ToString());
e.Row.Attributes.Add("onclick", evt);//執行選擇行GridView1_SelectedIndexChanged事件
}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.