Gridview应用技巧——如何为行添加事件

Gridview应用技巧——如何为行添加事件收藏

下面的代码实现了如何为Gridview添加鼠标经过、离开、单击、双击的事件 

 

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            e.Row.Attributes.Add("BorderColor ", "#d2d2d2");
            e.Row.Style.Add("Height","8px");
            e.Row.Style.Add("FontSize","8");
            e.Row.Style.Add("VerticalAlign", "Middle");
           
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
              
                string SelectID = GridView1.DataKeys[e.Row.RowIndex].Value.ToString();//((ClientList)(e.Row.DataItem)).ClientID;
                if (!String.IsNullOrEmpty(SelectID))
                {
                    //鼠标双击Row时的效果
                    e.Row.Attributes.Add("ondblclick", "javascript:window.location.href='"+(string)ViewState["Href"]+"?ID=" + SelectID+ "';");
                    //鼠标经过Row时的效果
                    e.Row.Attributes.Add("onmouseover", "this.classname=onColor2(this)");
                    //鼠标离开Row时的效果
                    e.Row.Attributes.Add("onmouseout", "this.classname=offColor2(this)");
                    //鼠标键Row时的效果
                    e.Row.Attributes.Add("onmousedown", "this.classname=downColor(this," + SelectID + ")");
                }
             
            }

}

下面是JavaScript方法

function onColor2(td)
{
// td.style.backgroundColor="#c0c0c0";
// td.style.fontWeight="bold";
// td.style.fontStyle="italic";
 td.style.color="#0600FF";
}

function offColor2(td)
{
// td.style.backgroundColor="";
// td.style.fontWeight='';
// td.style.fontStyle='';
 td.style.color='';
 //td.style.backgroundColor='';
}
function downColor(td,a)
{
// td.style.backgroundColor="";
// td.style.fontWeight='';
// td.style.fontStyle='';
var   rowindex   =   td.rowIndex;
 for(var   i=1;i <td.parentElement.rows.length;i++)
 {
          if(i!=rowindex)
           {

               //当选中其它行时，要把另外所有行的背景色去掉
                td.parentElement.rows[i].style.color='';
                td.parentElement.rows[i].style.backgroundColor   =   '';
           }
  }
    document.getElementById("hid").value=a;
 td.style.color='#0600FF';
 td.style.backgroundColor='#FFDE59';
}