DataGrid行颜色随鼠标点击改变
2006-04-26 15:12
363 查看
效果:
Javascript:
<script language="javascript" type="text/javascript">
function CheckClick(t)
{
var table = document.getElementById("DataGrid1");
var len = table.rows.length;
for(var i=0;i<len-1;i++)//从第二行开始,页眉没有添加
{
document.getElementById(i).style.backgroundColor="#FFFFFF";
document.getElementById(t).style.backgroundColor="#B9D9FB";
}
}
</script>
写DataGrid的ItemCreated:
Private Sub DataGrid1_ItemCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemCreated
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
e.Item.Attributes.Add("id", e.Item.ItemIndex.ToString())
e.Item.Attributes.Add("onclick", "CheckClick(" + e.Item.ItemIndex.ToString() + ")")
End If
End Sub
郁闷...这行代码要这样写,不知道是否有人有好的方法?
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
Javascript:
<script language="javascript" type="text/javascript">
function CheckClick(t)
{
var table = document.getElementById("DataGrid1");
var len = table.rows.length;
for(var i=0;i<len-1;i++)//从第二行开始,页眉没有添加
{
document.getElementById(i).style.backgroundColor="#FFFFFF";
document.getElementById(t).style.backgroundColor="#B9D9FB";
}
}
</script>
写DataGrid的ItemCreated:
Private Sub DataGrid1_ItemCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemCreated
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
e.Item.Attributes.Add("id", e.Item.ItemIndex.ToString())
e.Item.Attributes.Add("onclick", "CheckClick(" + e.Item.ItemIndex.ToString() + ")")
End If
End Sub
郁闷...这行代码要这样写,不知道是否有人有好的方法?
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
相关文章推荐
- DataGrid行颜色随鼠标点击改变
- DataGrid中鼠标点击、移动后行颜色改变效果
- 鼠标移动,改变DataGrid颜色
- WPF 设置DataGrid 鼠标移动改变行颜色样式
- Asp.NET(c#)DataGrid鼠标悬停项改变颜色,移除恢复
- 实现Label的鼠标点击响应,以及获取焦点后改变颜色
- datagrid每一行都会随着鼠标的动作改变颜色
- 在WebDataGrid中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- WPF 设置DataGrid 鼠标移动改变行颜色样式
- 实现DataGrid的某一行随着鼠标的移入移出而改变颜色
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 鼠标移动 改变Datagrid行的背景颜色
- 当鼠标移动时,改变datagrid中的颜色
- DataGrid中鼠标单击行改变颜色
- 设置WPF DataGrid 鼠标移动改变行颜色样式
- datagrid每一行都会随着鼠标的动作改变颜色
- DataGrid行颜色随鼠标点击改变
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 在 Web DataGrid 中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- 鼠标移动,改变datagrid颜色 (转载)