datagrid小tip(一):鼠标的移动和点击变色

    因为要经常使用datagrid,所以讲在网上搜到的一些美化和优化datagrid代码整理一下放到这里,备忘.
    1.datagrid的行对鼠标的移动和点击变色的响应事件.
       前台

<script language="javascript">
        function aa(e)
        {
            for(var i=1;i<DataGrid1.rows.length; i++)
            {
                if(DataGrid1.rows[i].style.backgroundColor == "#f6ab00")
                {
                    DataGrid1.rows[i].style.backgroundColor = "";
                }
            }
            if(e.style.backgroundColor != "#f6ab00")
            {
                e.style.backgroundColor = "#f6ab00";
            }
        }
        </script>

     后台

        private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
            if(e.Item.ItemType != ListItemType.Header)
            {
                e.Item.Attributes.Add("onmouseover","if(this.style.backgroundColor != '#f6ab00') this.style.backgroundColor='#f6f6f6'");                
                e.Item.Attributes.Add("onmouseout","if(this.style.backgroundColor != '#f6ab00') this.style.backgroundColor=''");
                e.Item.Attributes.Add("onclick","aa(this)");
            }
        }

     颜色可以根据页面风格进行修改

转载于:https://www.cnblogs.com/xiazhaoxia/archive/2007/02/06/642264.html