GridView使用技巧之:根据绑定的内容改变单元格(或者行)的显示样式

前言:在Asp.net开发的过程中我们经常会碰到这样的需求,即根据GIRDVIEW绑定的内容对特定的单元格或者行的显示样式做特殊处理.比如一个库存表,当库存小于某一值时以红色显示,表示警告等等.下面我们就以一个示例来讲解一下如何实现这样的功能.

服务器端控件GIRDVIEW解析到客户端就是HTML里面的TABLE,在HTML里面我们可以方便的设置任意单元格的显示样式,但是GRIDVIEW里面就没那么方便了,我们需通过Attributes.Add 这个方法来进行操作,
Attributes.Add(string key,string value)共两个参数,一个是key表示属性名,另一个是这个属性的值.(不清楚的朋友可以参考MSDN帮助文档)

这里我已一个高校里经常要用到的"校历---公历对照表"为例进行解说,我们的需求就是,这个对照表中当天的日期以及对应的周次做特殊显示,以让教务人员一看就明白今天是多少号,对应的是第多少周的星期几.,,好需求已明白,我们来看看效果图先,如下:



上图是我校07年上半年的"校历---公历对照表",今天是6月28日,在图上可以看出,这个日期以及对应的周次高亮度显示了.那么如何实现这样的效果呢,方法如下:

首先选种GRIDVIEW,点选属性面板里的闪电图标找到RowDataBound事件,该事件是在对行进行了数据绑定后激发,写下如下代码:


protected void SmartGridView1_RowDataBound(object sender, GridViewRowEventArgs e)




...{


string today = DateTime.Now.Month + "月" + DateTime.Now.Day + "日";//获得当天的日期


for (int i = 0; i < SmartGridView1.Rows.Count; i++)//循环GRIDVIEW每一行




...{


for (int j = 1; j <= 7; j++)




...{


if (SmartGridView1.Rows[i].Cells[j].Text == today)//与当天日期进行比较,如果相等,则改变单元格的显示样式




...{


SmartGridView1.Rows[i].Cells[j].Attributes.Add("bordercolorlight", "#000000");


SmartGridView1.Rows[i].Cells[j].Attributes.Add("style", "background-color:#0e5c9a;color:#ffffff;font-weight:bold;border-width:2px;");//给单元格添加Style属性




SmartGridView1.Rows[i].Cells[0].Attributes.Add("bordercolorlight", "#000000");


SmartGridView1.Rows[i].Cells[0].Attributes.Add("style", "background-color:#0e5c9a;color:#ffffff;font-weight:bold;border-width:2px;");


}


}


}


}

这样,我们就实现了我们要达到的效果,就这样简单.

这不是什么大技巧,只是想写在这里起到一个抛砖引玉的作用,希望对您有用!!