GridView根据值的变化改变行列样式

我看到论坛中有询问关于如何在GridView随某行某列值的改变时(这些值是空的或不是空的或是其它某些值等),其背景色及文本颜色也随之改变。这篇文章便论述这个问题。
  根据某列的值改变其样式最好的方法是在GridView的DataRowBound事件中想办法。在GridView中的行绑定数据后将立即执行DataRowBound事件。DataRowBound事件使用GridViewRowEventargs类作为事件变量。通过事件变量你能够利用GridViewRowEventArgs属性操作已经绑定数据的行。
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
 GridViewRow row = e.Row;
}
  Row将返回TableRow类中的一个GridViewRow对象。
  绑定的Row有几种不同的类型。例如:DataRow, EmptyDataRow, Footer, Header, Pager 和 Separator。通过GridView的RowType属性可以得到当前行的行类型。RowType是一组DataControlRow枚举。
  看下面的代码示例,检测GridView列出的行是否为一个标准类型的行。
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
 if (e.Row.RowType == DataControlRowType.DataRow)
 {
  //Do something!
 }
}
  可以使用Row的Cells属性得到其Cells,它将返回一个TableCellCollection对象。然后通过TableCellCollection索引得到特定的Cells。TableCellcollection索引将返回一个TabelCell对象,对应于Row中的一个Cell:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
 if (e.Row.RowType == DataControlRowType.DataRow)
 {
  string value = e.Row.Cells[0].Text;
 }
}
  现在你已经明白了如何得到GridView中某行某列的值,那么根据值的变化改变其样式就比较容易了。以下示例使用 Northwind 数据库,通过检测第四列(UnitPrice)的值是否大于10将其颜色改变为红色。

时间: 2025-01-20 19:24:06

GridView根据值的变化改变行列样式的相关文章

JavaScript改变CSS样式的方法汇总

  JavaScript修改CSS有4种方法:1.修改节点style(内联样式);2.改变节点class或id;3.写入新的css;4.替换页面中的样式表.今天主要给大家介绍下前2种,因为后两种个人不是很推荐大家使用 JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 . JavaScript修改CSS有4种方法: 修改节点style(内联样式); 改变节点class或id; 写入新的css; 替换页面中的样式表. 个人不

js改变鼠标样式:js改变鼠标的形状和样式

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):auto move no-drop col-resizeall-scroll pointer not-allowed row-resizecrosshair progress e-resize ne-resizedefault text n-resize nw-resizehelp vertical-text s-resize se-resizeinherit wait w-resize sw-resize在w

GridView分页的实现以及自定义分页样式功能实例

本文为大家详细介绍下GridView实现分页并自定义的分页样式,具体示例代码如下,有想学习的朋友可以参考下哈,希望对大家有所帮助   GridView分页的实现 复制代码 代码如下: 要在GridView中加入 //实现分页 AllowPaging="true" //一页数据10行 PageSize="10" // 分页时触发的事件 OnPageIndexChanging="gvwDesignationName_PageIndexChanging"

JavaScript修改css样式style动态改变元素样式

 修改css样式style在某些情况下还是比较实用的,可以动态改变一些样式,接下来为大家介绍下使用JavaScript是如何做到的 一.局部改变样式  分为改变直接样式,改变className和改变cssText三种.需要注意的是:  注意大小写:  javascript对大小写十分敏感,className不能够把"N"写成"n",cssText也不能够把"T"写成"t",否则无法实现效果.  调用方法:  如果改变class

Javascript改变CSS样式

 改变CSS样式分为局部和全局,下面为大家介绍下使用Javascript具体的实现,感兴趣的朋友可以参考下 一.局部改变样式    有三种方法:直接改变样式.改变className和改变cssText    改变className: document.getElementById('obj').className="-"    改变cssText:document.getElementById('obj').style.cssText="width:20px; border:

jQuery 改变CSS样式基础代码_jquery

其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开.比如我们要改变链接颜色,我们可以使用下面的代码: 复制代码 代码如下: $("#61dh a").css('color','#123456'); //这里选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性,我们可以先定义属性变量,然后直接赋值给css()方法.示

div-css根据属性的不同改变元素样式?

问题描述 css根据属性的不同改变元素样式? 有个div元素,里面有个show属性,为ture或者false.在click时,若show为false,则改为ture,改变样式.反过来也一样.请问要怎么做 我要改变他的样式,包括初始的时候,比如我有两个div,一个show是ture,一个show是false,怎么判断show的值来设置css样式 解决方案 <script> function divchange(self){ if(self.attributes.show.value){ self

JavaScript修改css样式style动态改变元素样式_javascript技巧

一.局部改变样式 分为改变直接样式,改变className和改变cssText三种.需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把"N"写成"n",cssText也不能够把"T"写成"t",否则无法实现效果. 调用方法: 如果改变className,则事先在样式表中申明类,但调用时不要再跟style,像document.getElementById('obj').style.cl

Javascript改变CSS样式(局部和全局)_javascript技巧

一.局部改变样式 有三种方法:直接改变样式.改变className和改变cssText 改变className: document.getElementById('obj').className="-" 改变cssText:document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改变直接样式: document.getElementById('obj').s