[DataGrid][整理]使用JavaScript+css+DataGrid实现Item的高亮显示

1.设计好需要的样式表，这个可以根据大家的喜好；我这里就给个一般的。

<PRE>.button_down
{}{
    color: Red;
    border: inset 2px;
}

.button_up
{}{
    color: Black;
    border: outset 2px;
}

.alt_row_highlight
{}{
    background-color: Yellow;
}

.alt_row_nohighlight
{}{
    background-color: White;
}

.row_highlight
{}{
    background-color: Cyan;
}

.row_nohighlight
{}{
    background-color: White;
}
</PRE>

2.JavaScript:这里主要借用Js在客户端的良好表现，让js动态的改变DataGrid的Item的样式，以此达到高亮显示的效果。

function classChange(styleChange,item) 
{
    item.className = styleChange;
}

3.最后的步骤就是，给DataGrid的Items添加js属性

private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
   if(e.Item.ItemType==ListItemType.Item)
   {
                   e.Item.Attributes.Add("onmouseover", "classChange('row_highlight',this);");
                    e.Item.Attributes.Add("onmouseout", "classChange('row_nohighlight',this);");
           }
}