DataGrid中鼠标点击、移动后行颜色改变效果
2009-04-16 21:40
295 查看
效果一:鼠标点击DataGrid一行,就让该行换个颜色,跟鼠标移动效果的区别是,这种点击后即使鼠标移走了,被点击那行照样保持改变后的颜色,这样用户编辑的时候,这一行就和其他各行区别开了。
效果二:鼠标移动到DataGrid某行,就让该行换个颜色。但是这种效果是,随着鼠标移动而改变行颜色。效果图如下:
第一种鼠标点击行颜色改变效果
前台代码是:
只要为DataGrid添加一个属性:
就可以了
后台代码是:
private void dgContactType_ItemCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
this.dgContactType.SelectedIndex=e.Item.ItemIndex;//关键是这句,这几天就是没有注意这句而没达到那种效果,大家可以试试。
}
第二种鼠标移动时行颜色改变效果
前台代码不需要特别设,后台代码是:
private void dgContactType_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
e.Item.Attributes.Add("onclick","this.style.backgroundColor='#66ffcc';this.style.color='buttontext';this.style.cursor='default';");
e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#f0c6ff';this.style.color='buttontext';this.style.cursor='default';");
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='';this.style.color='';");
}
主要是为每项添加了个鼠标在上方和移走后的事件。具体的大家去试试吧。
**..GridView鼠标经过改变行颜色...**
其实也DataGrid差不多,不同的是:GridView是要添加一个DataView1_RowDataBound(object sender, GridViewRowEventArgs e)事件,其中的代码与DataGrid中的代码一样!
效果二:鼠标移动到DataGrid某行,就让该行换个颜色。但是这种效果是,随着鼠标移动而改变行颜色。效果图如下:
第一种鼠标点击行颜色改变效果
前台代码是:
只要为DataGrid添加一个属性:
就可以了
后台代码是:
private void dgContactType_ItemCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
this.dgContactType.SelectedIndex=e.Item.ItemIndex;//关键是这句,这几天就是没有注意这句而没达到那种效果,大家可以试试。
}
第二种鼠标移动时行颜色改变效果
前台代码不需要特别设,后台代码是:
private void dgContactType_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
e.Item.Attributes.Add("onclick","this.style.backgroundColor='#66ffcc';this.style.color='buttontext';this.style.cursor='default';");
e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#f0c6ff';this.style.color='buttontext';this.style.cursor='default';");
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='';this.style.color='';");
}
主要是为每项添加了个鼠标在上方和移走后的事件。具体的大家去试试吧。
**..GridView鼠标经过改变行颜色...**
其实也DataGrid差不多,不同的是:GridView是要添加一个DataView1_RowDataBound(object sender, GridViewRowEventArgs e)事件,其中的代码与DataGrid中的代码一样!
相关文章推荐
- WPF 设置DataGrid 鼠标移动改变行颜色样式
- 鼠标移动,改变datagrid颜色 (转载)
- JS原生代码实现鼠标移动图片随之移动效果(另加点击改变图片效果)
- 鼠标移动,改变datagrid颜色
- 鼠标移动 改变Datagrid行的背景颜色
- WPF 设置DataGrid 鼠标移动改变行颜色样式
- 当鼠标移动时,改变datagrid中的颜色
- 设置WPF DataGrid 鼠标移动改变行颜色样式
- 鼠标移动,改变datagrid颜色
- 鼠标移动,改变DataGrid颜色
- 鼠标移动,改变DataGrid颜色
- DataGrid行颜色随鼠标点击改变
- DataGrid行颜色随鼠标点击改变
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 当鼠标移动到DataGrid上时让每行变色并且点击某行是弹出新页面
- jquery鼠标点击改变控件的背景颜色
- Android点击文字编辑进行缩放、移动和改变字体、颜色的实现
- DataGrid单元格移动变色,点击变色,双击取消颜色,排序.
- asp.net GridView控件鼠标移动某行改变背景颜色(方法一)
- Asp.Net中GridView加入鼠标滑过的高亮效果和单击行颜色改变