Winner.Net@2007
专注与.Net技术
博客园
社区
首页
新随笔
联系
管理
订阅
随笔- 282 文章- 3 评论- 81
单元格颜色渐变的GridView
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>单元格颜色渐变的GridView</title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> <!-- body{margin-top:0; margin-left:0; margin-right:0; margin-bottom:0} .stylemenu{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} .stylemenu01{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} .styletitle{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000} .styletop{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#CCCCCC} .stylebottom{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000} .stylebottomred{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#D20000} .styletable{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000} .styletabletitle{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#000} .stylelegend{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#666} .name{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#FFF} A.black:link,A.black:visited ,A.black:active {color: #000;TEXT-DECORATION: none} A.black:hover {color: #666;text-decoration : none; position : relative;} A.whitetop:link,A.whitetop:visited ,A.whitetop:active {color:#FFF;TEXT-DECORATION: none} A.whitetop:hover {color:#CCC;text-decoration : none; position : relative;} A.graymenu:link,A.graymenu:visited ,A.graymenu:active {color:#999;TEXT-DECORATION: none} A.graymenu:hover {color:#333;text-decoration : none; position : relative;} A.blacktable:link,A.blacktable:visited ,A.blacktable:active {color: #000;TEXT-DECORATION: none} A.blacktable:hover {color: #666;text-decoration : none; position : relative;} fieldset { padding:10px; margin-top:5px; border:1px solid #999999; background:#fff; } fieldset legend { color:#999999; font-weight:bold; padding:3px 20px 3px 20px; border:1px solid #999999; background:#fff; } .button { color: #000000; font-family: Arial, Hevlvetica, sans-serif; text-align: center; font-size: 12px; border: 3px double #cccccc; width: auto; background: #ffffff; padding: 1px 5px 1px 5px; line-height: 16px !important; line-height: 14px; height: 24px !important; height: 22px; margin: 1px; cursor: pointer; } .go { color: #000000; font-family: Arial, Hevlvetica, sans-serif; text-align: center; font-size: 10px; font-weight:bold; border: 1px double #999; width: auto; background: #ffffff; line-height: 14px !important; line-height: 12px; height: 16px !important; height: 14px; margin: 1px; cursor: pointer; } .sffocus {/*----for IE----*/ background: #EEF2FF; border: 1px solid #1D95C7; } textarea:focus, input:focus {/*----for firefox......----*/ background: #EEF2FF; border: 1px solid #1D95C7; } input,textarea{ border: 1px solid #999; margin: 0px 0px; } textarea{ padding: 2px; } .checkbox{ border:0} .page{ font-weight:bold; color:#FF0000} #GridView1 tr { background-color: expression(this.sectionRowIndex == 0 ? "#A5A8C2" : ((this.sectionRowIndex % 2 == 0) ? "#F5F5F8" : "#FFFFFF")); color: expression(this.sectionRowIndex == 0 ? "#FFFFFF" : ""); font-weight: expression(this.sectionRowIndex == 0 ? "BOLD" : ""); TableSelect: expression(this.sectionRowIndex == 0 ? "" : ( onmouseover = function() { this.style.backgroundColor = (this.style.backgroundColor != "#eef2ff" ? "#eef2ff" : (this.sectionRowIndex == 0 ? "#A5A8C2" : (this.sectionRowIndex % 2 == 0 ? "#F5F5F8" : "#FFFFFF"))) }, onmouseout = function() { this.style.backgroundColor = (this.style.backgroundColor != "#eef2ff" ? "#eef2ff" : (this.sectionRowIndex == 0 ? "#A5A8C2" : (this.sectionRowIndex % 2 == 0 ? "#F5F5F8" : "#FFFFFF"))) } ) ) } #GridView1 td { background-color:expression(this.cellIndex == 0 ? (this.parentElement.sectionRowIndex == 0 ? "#A5A8C2" : "#A5A8C2") : null) } --> </style> </head> <body> <table cellspacing="0" cellpadding="3" rules="rows" border="1" id="GridView1" style="background-color:White;border-color:#CCDDEF;border-width:1px;border-style:None;border-collapse:collapse;"> <tr style="color:Black;background-color:#A5A8C2;font-weight:bold;white-space:nowrap;"> <th scope="col">Operation</th><th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$GroupId')" style="color:Black;">Group ID</a></th><th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$Name')" style="color:Black;">Group Name</a></th><th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$Description')" style="color:Black;">Comment</a></th> </tr><tr class="styletable"> <td> <span class="stylebottom"> <a id="GridView1_ctl02_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl02$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=1" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=1&GroupName=CompanyAdmin" title="Relation">Relation</a> </span> </td><td>1</td><td>CompanyAdmin</td><td>Common Users</td> </tr><tr class="styletable" style="background-color:#F5F5F8;"> <td> <span class="stylebottom"> <a id="GridView1_ctl03_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl03$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=2" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=2&GroupName=Users" title="Relation">Relation</a> </span> </td><td>2</td><td>Users</td><td>Company Administrator</td> </tr><tr class="styletable"> <td> <span class="stylebottom"> <a id="GridView1_ctl04_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl04$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=3" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=3&GroupName=1" title="Relation">Relation</a> </span> </td><td>3</td><td>1</td><td>1</td> </tr><tr class="styletable" style="background-color:#F5F5F8;"> <td> <span class="stylebottom"> <a id="GridView1_ctl05_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl05$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=4" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=4&GroupName=2" title="Relation">Relation</a> </span> </td><td>4</td><td>2</td><td> </td> </tr><tr class="styletable"> <td> <span class="stylebottom"> <a id="GridView1_ctl06_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl06$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=5" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=5&GroupName=3" title="Relation">Relation</a> </span> </td><td>5</td><td>3</td><td> </td> </tr><tr class="styletable" style="background-color:#F5F5F8;"> <td> <span class="stylebottom"> <a id="GridView1_ctl07_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl07$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=6" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=6&GroupName=6" title="Relation">Relation</a> </span> </td><td>6</td><td>6</td><td> </td> </tr><tr class="styletable"> <td> <span class="stylebottom"> <a id="GridView1_ctl08_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl08$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=7" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=7&GroupName=4" title="Relation">Relation</a> </span> </td><td>7</td><td>4</td><td> </td> </tr><tr class="styletable" style="background-color:#F5F5F8;"> <td> <span class="stylebottom"> <a id="GridView1_ctl09_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl09$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=8" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=8&GroupName=5" title="Relation">Relation</a> </span> </td><td>8</td><td>5</td><td> </td> </tr><tr class="styletable"> <td> <span class="stylebottom"> <a id="GridView1_ctl10_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl10$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=9" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=9&GroupName=7" title="Relation">Relation</a> </span> </td><td>9</td><td>7</td><td> </td> </tr><tr class="styletable" style="background-color:#F5F5F8;"> <td> <span class="stylebottom"> <a id="GridView1_ctl11_btnEdit" class="blacktable" href="javascript:__doPostBack('GridView1$ctl11$btnEdit','')">Edit</a> | <a class="blacktable" onclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=10" title="Delete">Delete</a> | <a class="blacktable" href="Admin_GroupRelation.aspx?GroupID=10&GroupName=8" title="Relation">Relation</a> </span> </td><td>10</td><td>8</td><td> </td> </tr><tr> <td colspan="4"> <span class="stylebottom"> Total:<span style="color:red;font-weight:bold;">11</span> Item(s) Page:<span style="color:red;font-weight:bold;">2</span>/<span style="font-weight:bold;">1</span> Each Page <span style="color:red;font-weight:bold;">10</span> Item(s) <a id="GridView1_ctl13_First" class="blacktable" href="javascript:__doPostBack('GridView1$ctl13$First','')">[First]</a> <a id="GridView1_ctl13_Prev" class="blacktable" href="javascript:__doPostBack('GridView1$ctl13$Prev','')">[Prev]</a> <a id="GridView1_ctl13_Next" class="blacktable" href="javascript:__doPostBack('GridView1$ctl13$Next','')">[Next]</a> <a id="GridView1_ctl13_Last" class="blacktable" href="javascript:__doPostBack('GridView1$ctl13$Last','')">[Last]</a> Goto Page <input id="GoToPage" name="GoToPage" style="height:10px;width:30px;font-size:smaller; font-weight: bold; color: red; text-align: center" class="page" value="1" maxlength="9" /> <input type="submit" name="GridView1$ctl13$Go" value=" Go " id="GridView1_ctl13_Go" class="go" /> </span> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
posted @ 2006-12-31 18:26
Winner.Net(2007)
阅读(160)
评论(0)
编辑
收藏
网摘
新用户注册
刷新评论列表
标题
姓名
主页
Email
(博主才能看到)
验证码
*
看不清,换一张
[
登录
][
注册
]
内容(请不要发表任何与政治相关的内容)
网站首页
新闻频道
社区
小组
博问
网摘
闪存
找找看
Remember Me?
登录
使用高级评论
新用户注册
返回页首
恢复上次提交
[使用Ctrl+Enter键可以直接提交]
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索
相关文章:
扩展GridView控件(索引) - 增加多个常用功能
GridView控件使用经验
相关链接:
最新IT新闻:
OpenOffice.org 3.0.0发布
Linux终于迎来了“同等”的Flash播放器
百度和讯全财经网正式上线
微软将于明天召开Blue Hat安全大会
超强的支付宝Flash招聘广告
公告
<
2006年12月
>
日
一
二
三
四
五
六
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
与我联系
发短消息
搜索
常用链接
我的随笔
我的空间
我的短信
我的评论
更多链接
我的参与
我的新闻
最新评论
我的标签
留言簿
给我留言
查看留言
我参加的小组
ASP.NET
博客园上海俱乐部
设计模式
Ext 2.0
随笔分类
(215)
asp/.net(99)
(rss)
database(18)
(rss)
DocNet2.0(23)
(rss)
javascript(41)
(rss)
wap(1)
(rss)
WEB2.0(15)
(rss)
xml(5)
(rss)
系统大全(13)
(rss)
随笔档案
(281)
2008年10月 (1)
2008年9月 (4)
2008年8月 (7)
2008年7月 (24)
2008年6月 (4)
2008年5月 (5)
2008年3月 (6)
2008年2月 (1)
2008年1月 (8)
2007年12月 (3)
2007年9月 (4)
2007年8月 (5)
2007年7月 (7)
2007年6月 (1)
2007年5月 (18)
2007年4月 (6)
2007年3月 (6)
2007年2月 (22)
2007年1月 (32)
2006年12月 (35)
2006年8月 (1)
2006年7月 (2)
2006年6月 (7)
2006年5月 (5)
2006年4月 (13)
2006年3月 (49)
2006年2月 (5)
文章分类
(3)
asp/.net(2)
(rss)
DataBase
(rss)
javascript(1)
(rss)
wap
(rss)
web2.0
(rss)
xml
(rss)
最新随笔
1. c#遍历HashTable
2. Ext.extend()的运用
3. Ajax中国网页特效演示，RGB颜色转换
4. JS正则表达式详解 转
5. javascript小技巧(转)
6. 《ExtJS2.0实用简明教程》之与服务器交互 extjs Ext.Ajax.request({}) params:
7. form-grid 添删改
8. Ext让人惊喜的data.srtoe的loadData
9. jquer学习
10. Ext2.0的通用grid包括（增、删、改、查、导出excel）
11. ExtJs 窗体集 FormSet （WEBFormSet）
12. Ext 动态添加grid 列数
13. javascript内存泄漏
14. 如何封装JS和CSS文件封装为服务器端控件---ASP.NET 2.0
15. CSS Ext中FormPanel面板及Form控件横排测试(CSS)
16. Ext FormPanel布局 （一行显示两对控件元素）
17. 对象属性很多 反射的机制 拷贝对象
18. 生成用户界面
19. 将数据加载的form里面了
20. ExtJs WebService Json序列化(扩展JavaScriptSerializer类)收藏
21. JavaScript 和 .NET 中的 JavaScript Object Notation (JSON) 简介
22. [Ext]2.0探索(七)Grid使用介绍
23. 在C#如何遍历一个对象的所有属性
24. 动态加载JS文件
25. Ext2:使用xml构建Ext menu菜单
26. EXT 中的Grid实例
27. ext使用ajax
28. grid中的两个store 相等
29. 转 C#生成JSON数据格式的函数
30. Ext中apply及applyIf方法的应用
31. Ext.data-GroupingStore/JsonStore/SimpleStore
32. Ext.data.Store
33. Ext中的get、getDom、getCmp、getBody、getDoc的区别
34. extjs简单菜单应用
35. ExtJS入门之三 查询
36. xtype:"combo" 动态加载
37. JS//键盘KEYDOWN事件
38. 转 Using log4net，
39. 日志记录组件[Log4net]详细介绍(转)
40. C#日志工具汇总
最新评论
1. re: Ext2.0的通用grid包括（增、删、改、查、导出excel）
请问后台导出EXCEL的代码呢? (游客)
2. re: Ext2.0的通用grid包括（增、删、改、查、导出excel）
您好，正好研究这方面的内容。博主的通用Grid能有一个完整的调用例子么，谢谢了 (FlyFoxs)
3. re: XSLT教程 比较全的
大侠，请问能公开下这份xslt的英文出自哪份文档吗？相当的感谢 (Kay)
阅读排行榜
1. etElementByID getElementsByName getElementsByTagName的区别和总结 +js+Mxl+xmlhttp(7891)
2. javaScript中URL编码转换,escape() encodeURI() encodeURIComponent(3385)
3. 大型软件公司.net面试题！一定得看（附答案）(3281)
4. web开发(2439)
5. 公司股权转让协议(1864)
6. oa数据库设计(1632)
7. 学习笔记(1417)
8. crystal report (asp调用水晶报表实例)(1357)
9. 三级连动的下拉框（数据库版）--吐血推荐(1273)
10. 导入Excel电子表格数据到SQLSever数据库的另一种方法(1216)
11. (企业公司)网站开发方案(1066)
12. asp导出excel(1041)
13. xForm应用开发手册(962)
14. WebService获取服务端硬件信息和客户端IP,MAC,浏览器信息，所在城市- (868)
15. NetBox Asp Web服务器 (840)
16. Ext2.0的通用grid包括（增、删、改、查、导出excel）(839)
17. xx局改造方案建议书 一套网站架构完整方案[转贴] (837)
18. SqlConnection,SqlCommand,SqldataReader的用法总结:(824)
19. Sql Server安装挂起的解决办法(813)
20. asp excel sql 关系大总结(798)
21. 存储过程与函数的区别(742)
22. asp分页代码(724)
23. C#常见面视题(附答案) (685)
24. ASP+JS三级连动下拉框(684)
25. XSLT教程 比较全的(678)
26. ASP.NET单点登录(代码) (678)
27. 获取客户端网卡MAC地址和IP地址的几种方法(一)(673)
28. asp发消息并代多个附件上传(多对多关系)(668)
29. Asp.net中实现同一用户名不能同时登陆(单点登陆)(667)
30. miniasp (yes encode)(662)
31. MDX 查询的基本语法(655)
32. DocNet问题集(631)
33. 上海万千文化传播有限公司(网站项目策划书)(612)
34. ASP.Net 2.0 发送邮件的代码 (611)
35. VS2003.VS2005快捷键大全 (差别不大)(598)
36. 导入Excel电子表格数据到SQL Sever数据库(574)
37. 东软集团有限公司C#编程规范v2.0(567)
38. 正确地做事与做正确的事同样重要----一位软件工程师的6年总结 转载(560)
39. 根据rpt文件打印报表 (560)
40. Ext.data.Store(559)
评论排行榜
1. etElementByID getElementsByName getElementsByTagName的区别和总结 +js+Mxl+xmlhttp(6)
2. WebService获取服务端硬件信息和客户端IP,MAC,浏览器信息，所在城市- (5)
3. javaScript中URL编码转换,escape() encodeURI() encodeURIComponent(3)
4. crystal report (asp调用水晶报表实例)(3)
5. Sql Server安装挂起的解决办法(3)
6. 正确地做事与做正确的事同样重要----一位软件工程师的6年总结 转载(3)
7. VS2003.VS2005快捷键大全 (差别不大)(2)
8. 建立Microsoft SQL Server 2005数据仓库 (2)
9. 泛微OA中的显示ajax技术, CreateHtml 创建调用asp文件无刷新(2)
10. css里可以加表达式 :expression(2)
11. asp发消息并代多个附件上传(多对多关系)(2)
12. 常用的一些正则表达式 (2)
13. Ext2.0的通用grid包括（增、删、改、查、导出excel）(2)
14. Asp.net中实现同一用户名不能同时登陆(单点登陆)(1)
15. XSLT教程 比较全的(1)
16. [网站运营随想之三]厕所的核心竞争力(1)
17. ASP.NET 2.0的编译行为 (1)
18. 也说new (1)
19. 学习笔记(1)
20. .NET专区-用ASP.Net获取客户端网卡的MAC(1)
21. ASP.NET(C#)获取客户端的网卡MAC代码(1)
22. 在asp.net 中实现单点登录(1)
23. 根据rpt文件打印报表 (1)
24. C#枚举系统安装的所有打印机 (1)
25. 如何更改下传文件名！！！(1)
26. 用javascript 禁止右键,禁止复制,禁止粘贴(1)
27. 用Ajax读取XML格式的数据(1)
28. asp流下载(Stream)(1)
29. 三级连动的下拉框（数据库版）--吐血推荐(1)
30. asp excel sql 关系大总结(1)
31. oa数据库设计(1)
32. 实现小数据量和海量数据的通用分页显示存储过程(1)
33. DocNet问题集(1)
34. 外企面试官最爱提的10个问题（附答案） (1)
35. Web Services实现上传和下载文件(1)
36. asp生成htm文件。用xmlhttp得到源代码。然后用steam流打开保存源代码(1)
37. 可输入的下拉框(1)
38. 存储过程与函数的区别(1)
39. 是Attribute，还是Property(1)
40. 谈谈C#中的三个关键词new , virtual , override (1)
60天内阅读排行
1. Ext2.0的通用grid包括（增、删、改、查、导出excel）(839)
2. 《ExtJS2.0实用简明教程》之与服务器交互 extjs Ext.Ajax.request({}) params:(356)
3. Ext让人惊喜的data.srtoe的loadData(92)
4. form-grid 添删改(81)
5. Ajax中国网页特效演示，RGB颜色转换(68)
6. JS正则表达式详解 转(60)
7. jquer学习(57)
8. javascript小技巧(转)(45)
9. Ext.extend()的运用(26)
10. c#遍历HashTable(3)