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

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

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

       这里我已一个高校里经常要用到的"校历---公历对照表"为例进行解说,我们的需求就是,这个对照表中当天的日期以及对应的周次做特殊显示,以让教务人员一看就明白今天是多少号,对应的是第多少周的星期几.,,好需求已明白,我们来看看效果图先,如下:
GridView使用技巧之:根据绑定的内容改变单元格(或者行)的显示样式_第1张图片
上图是我校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;");
                }

            }

        }

    }


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

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

你可能感兴趣的:([2],asp.net/网页制作)