- 浏览: 133438 次
- 性别:
- 来自: 北京
文章分类
最新评论
以前在做GridView添加合计行时,都是通过DataTable新建一行,然后把数据写进去,最后绑定到GridView中,虽然功能实现了,但是不能很好的控制它的样式,某些时候还会出现问题,如:GridView中包含模板列,模板列又绑定了按钮控件,这样的话绑定到GridView中,合计行那行中按钮也会显示出来,这样就会十分的不友好。本文将演示如何使用GridView自带的Footer(脚注行)来解决这一问题,并且还可以随心所欲的控制其样式。
OnRowDataBound 事件
decimal totalCol8 =0.00M, totalCol9 = 0.00M, totalCol10 = 0.00M;
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
DataRowView row = (DataRowView)e.Row.DataItem;
totalCol8 += Convert.ToDecimal(row[9].ToString());
totalCol9 += Convert.ToDecimal(row[10].ToString());
totalCol10 += Convert.ToDecimal(row[11].ToString());
}
if (e.Row.RowType == DataControlRowType.Footer)
{
e.Row.Cells[0].Text = "合计";
e.Row.Cells[8].Text = totalCol8.ToString();
e.Row.Cells[9].Text = totalCol9.ToString();
e.Row.Cells[10].Text = totalCol10.ToString();
e.Row.CssClass = "cssFooter"; //设置行的样式
}
}
样式文件:
<style type="text/css" >
.cssFooter
{
background-color:white;
color:black;
font-size:12px;
font-family:Arial;
}
</style>
设置GridView显示脚注行(Footer)
<asp:GridView ID="GridView1"
runat="server"
AutoGenerateColumns="False"
showfooter="true" --显示脚注
onRowDataBound="GridView1_RowDataBound"> --在事件中处理行的合计任务
if (e.Row.RowType == DataControlRowType.Footer)
{
//以跨栏的方式合并单元格
e.Row.Cells[0].ColumnSpan = 8;
//隐藏除第一个单元格之后的所有单元格
for (int index = 1; index <= e.Row.Cells.Count - 1; index++)
{
e.Row.Cells[index].Visible = false;
}
e.Row.Cells[0].Text = "章立民研究室制作" + DateTime.Now.ToString("yyyy-MM-dd");
e.Row.Cells[0].CssClass = "cssFooter";
}
样式代码:
.cssFooter
{
background-image:url(images/back_img.gif);
font: italic 25px SimHei,标楷体,黑体;
text-align:right;
color:blue;
height:90px;
}
发表评论
-
javaScript实现的 数据库
2014-11-06 17:17 15201、LokiJS LokiJS一个基于J ... -
xss攻击
2013-12-27 11:54 545解决方案与建议: 严格过滤用户所能提交的任何数据,特别是能执 ... -
js技巧
2013-08-02 09:02 1669· 事件源对象 event.srcElement.tagNa ... -
jquery combox实现联动效果
2013-05-18 05:15 661需求方要求 所以就想法实现此效果 经过两个小时的看源码、修改、 ... -
jQuery easyui 1.2.5 window、dialog发送两边请求(转)
2013-05-04 12:02 929jQuery easyui 1.2.5 window、dial ... -
跨域问题
2013-05-01 10:04 744可以采用JQuery的getJSON、get方法以JSONP的 ... -
js的base64
2013-04-11 10:55 705var Base64 = { // private prop ... -
JavaScript实现URL编码
2012-07-10 16:46 915<script language="vbscr ... -
用户访问超时
2012-07-09 17:11 1870用户访问超时 解决两种情况下的用户访问超时。 a)普通ht ... -
jQuery 禁止右键
2012-07-03 14:38 1841用jquery实现你的网站不能右键,很简短的代码: $('b ... -
js技巧
2012-06-12 17:08 7141、jquey查找iframe父页面的标签 $('#id' ... -
jquery easyui -datagrid(悬浮,隐藏)(转)
2012-05-30 16:33 0对于jquery easyui 的datagrid引用碰到了几 ... -
ExtJS表格
2011-09-30 10:58 27201. 简单表格控件 (由类Ext.grid.GridPane ... -
行渲染和列渲染
2011-09-30 10:57 1272一,单元格渲染 单元格是最终显示的数据地方,它是根据列定义 ... -
ExtJS表格——行号、复选框、选择模型
2011-09-30 10:57 6198一、 设置行号 行号的设置主要问题在于删除某一行后需要重新 ... -
cookie
2011-09-26 10:02 1087/** * * 获取cookie的值 * @para ... -
js结构语句
2011-09-25 11:02 7861 if 条件语句(可嵌套) 2 if....else 条件 ... -
js循环语句
2011-09-25 10:56 17221 for循环结构语句(可以嵌套); 2 for-in 循环 ... -
使用with语句进行对象操作
2011-09-25 10:45 820在js语言中,with语句是一个内容很少的语句,在程序中多次使 ... -
Iframe
2011-09-23 21:14 7651、Iframe子页面调用父页面函数 window.pare ...
相关推荐
提供代码案例实现动态给GridView添加合计行
winform gridview最下面的合计行
这个demo是自己整理后应用的,添加图片是仿照微信上传图片时的弹出框,包含拍照和本地图片选取两部分,并且无论是本地选择相片还是拍照上传相片都带有裁剪功能,上传的图片添加到gridview九宫格中,点击选择的图片还...
android GridView 添加图片 。利用GridView 添加图片,删除图片。 图片来自图库,来自拍照,剪切。
GridView添加图片DeleteGridView
解决DevExpress GridControl GridView 在新增数据行时数据为空的问题,新窗口数据返回时自动新增行并刷新。
asp.net 后台动态添加gridview空行
设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽设置gridview列宽
针对DevExpress GridControl GridView 新增行AddNewRow() 很多人加了代码也无法实现添加行或者添加行后InitNewRow这个事件没有触发, 其中主要原因见附件实例代码!
js 与Gridview结合实现 行移动,添加行
GridView行的背景随鼠标改变而改变 GridView行的背景随鼠标改变而改变 GridView行的背景随鼠标改变而改变
这是一个对GridView 实现动态添加条目的APK,条目为照片。添加方式为手机拍照添加和调用手机系统画囊。资源中含有源码
通过代码GridView控件计算列的合计
GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色
编辑gridview指定单元格添加新行排序等! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
GridView动态添加模板列,有设置,和代码,是学习GridView的好东西。
Dev GridView 拖拽行进行排序
实现gridview跨行的一个小demo类
GridView动态增加行,非常好用。保证出效果
主要介绍了C#中GridView动态添加列的实现方法,涉及C#中GridView的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下