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;");
                }

            }

        }

    }


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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值