ASP.NET动态生成GridView的使用
根据DataTable动态生成包含checkbox的GridView,其中DataTable中对应checkbox那一列的值必须为bool值。
public static GridView DynamicGenerateColumns(GridView gv, DataTable dt)
{
// 把GridView的自动产生列设置为false,否则会出现重复列
gv.AutoGenerateColumns = false; // 清空所有的Columns
gv.Columns.Clear(); // 遍历DataTable 的每个Columns,然后添加到GridView中去
foreach (DataColumn item in dt.Columns)
{
if (item.ColumnName == "选择")
{
CheckBoxField chCol = new CheckBoxField();
chCol.HeaderText = item.ColumnName;
chCol.DataField = item.ColumnName;
chCol.Visible = true;
gv.Columns.Add(chCol);
continue;
}
BoundField col = new BoundField();
col.HeaderText = item.ColumnName;
col.DataField = item.ColumnName;
col.Visible = true;
gv.Columns.Add(col);
}
return gv;
}
然后在返回的GridView上绑定dataTable就可以了。还可以添加checkBox点击事件javascript处理函数。
gridView.DataSource = dataTable;
gridView.DataBind();
for (int i = ; i < ChargingGridView.Rows.Count; i++)
{
((System.Web.UI.WebControls.CheckBox)(gridView.Rows[i].Cells[].Controls[])).Attributes.Add("onclick", "OnClickCheck()");
}
在JS函数中对GridView中checkbox的处理,注意下面的Javascript代码是如何获取checkbox及其它普通元素的的值。
//该函数实现了根据选择的checkbox计算某列的值总和的功能
function OnClickCheck() {
var sumValue=0;
var gv = document.getElementById("<%=gridView.ClientID%>");
for (var i = 1; i < gv.rows.length; i++) {
if (gv.rows[i].cells[0].children[0].checked == false) {
continue;
}
sumValue = sumValue + parseFloat(gv.rows[i].cells[5].innerText);
}
document.getElementById('<%=TotalLabel.ClientID%>').innerHTML = sumValue;
}
上面的代码在后端用C#实现如下,
private void OnClickCheck()
{
double totalAmount = ; for (int i = ; i < gridView.Rows.Count; i++)
{
if (false == ((System.Web.UI.WebControls.CheckBox)(ChargingGridView.Rows[i].Cells[].Controls[])).Checked)
{
continue;
}
totalAmount += Convert.ToDouble(gridView.Rows[i].Cells[].Text.Trim());
} TotalLabel.Text = totalAmount.ToString();
}
SQL SERVER中bool的字段类型为bit,如果bool值是从DataTable取出的,则不用修改,如果该列bool值是在select返回的结果上添加的一列固定值,那么就需要在返回的DataTable前添加一列:
dataTable.Columns.Add("选择", typeof(bool));
dataTable.Columns["选择"].SetOrdinal();
foreach (DataRow dr in ChargeItemDataTable.Rows)
{
dr["选择"] = true;//初始化checkbox为选中
}
关于在select返回的结果添加一列固定值,如果添加这一列是字符串或数值类型,那么直接在select语句中即可设置,如select '吴宗宪' as hostName,age from showhosts。但如果是bool值的话,就不能select true as 选择……,这样SQL会报错,要照上面的方法来添加。
现在还有个问题,就是生成的GridView中的checkbox是灰色的,不能操作,也就是enable为false。现在需要绑定GridView_RowDataBound函数,在该函数中设置checkBox的enabled为true。添加该函数过程为:在aspx页面设计页中,选中GridView,右边属性栏中选择事件,在下面找到RowDataBound,生成事件处理函数。
protected void gridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.Cells[].GetType() == typeof(System.Web.UI.WebControls.DataControlFieldCell))
{
TableCell tc = e.Row.Cells[];
if (tc.Controls.Count > )
{
System.Web.UI.WebControls.CheckBox cb = (System.Web.UI.WebControls.CheckBox)tc.Controls[];
if (!(cb == null))
{
cb.Enabled = true;
}
}
}
}
有时候需要把GridView转换成DataTable:
public static DataTable GetDataTableFromGridView(GridView gv, DataTable dt)
{
GridViewRow headerRow = gv.HeaderRow;
int columnCount = headerRow.Cells.Count;
for (int i = 0; i < columnCount; i++)
{
DataColumn dc = dt.Columns.Add();
dc.ColumnName = headerRow.Cells[i].Text.Trim();
if ("选择" == headerRow.Cells[i].Text.Trim())
{
dc.DataType = typeof(bool);
}
else
{
dc.DataType = typeof(string);
}
} for (int i = 0; i < gv.Rows.Count; i++)
{
DataRow dr = dt.NewRow(); for (int j = 0; j < gv.Columns.Count; j++)
{
if ("选择" == headerRow.Cells[j].Text.Trim())
{
if (true == ((System.Web.UI.WebControls.CheckBox)(gv.Rows[i].Cells[j].Controls[0])).Checked)
{
dr[j] = true;
}
else
{
dr[j] = false;
}
}
else if (gv.Rows[i].Cells[j].Text.Trim() == " ")
{
dr[j] = "";
}
else
{
dr[j] = gv.Rows[i].Cells[j].Text.Trim();
}
} dt.Rows.Add(dr);
}
return dt;
}
ASP.NET动态生成GridView的使用的更多相关文章
- asp.net动态添加GridView的模板列,并获取列值
一.动态添加模板列: 1.建立模板列样式: 说明:下边代码可以直接写在aspx文件中,也可以单独建立cs文件:另外,我没有写button.linkButton等控件,意思差不多,不过当需要添加事件时, ...
- 后台动态生成GridView列和模版
考虑到很多数据源是不确定的,所以这时无法在前台设置gridview的表头,需要在后台动态指定并绑定数据. 前台代码如下: <%@ Page Title="主页" Langua ...
- asp.net动态生成按钮Button控件
1.动态生成button控件及响应服务端和客户端事件 void BindButtons(){ foreach (var item in items) { Button Btn = new Button ...
- ASP.Net动态创建GridView
1.创建Field BoundField requestitem = new BoundField();//注意Field可以是ButtonField,TemplateField,...等等GridV ...
- Asp.net动态生成表单
control.ascx <%@ Control Language="C#" AutoEventWireup="true" CodeBehind=&quo ...
- ABP(现代ASP.NET样板开发框架)系列之20、ABP展现层——动态生成WebApi
点这里进入ABP系列文章总目录 ABP(现代ASP.NET样板开发框架)系列之20.ABP展现层——动态生成WebApi ABP是“ASP.NET Boilerplate Project (ASP.N ...
- 【转】ASP.NET中服务器控件Table动态生成表格及其属性介绍
下文所有内容转自开源中国:http://www.oschina.net/question/565065_86453#tags_nav ================================= ...
- 如何用asp.net MVC框架、highChart库从sql server数据库获取数据动态生成柱状图
如何用asp.net MVC框架.highChart库从sql server数据库获取数据动态生成柱状图?效果大概是这样的,如图: 请问大侠这个这么实现呢?
- jquery控制动态生成的gridview中多列checkbox的全选反选及自动判断是否全选状态
动态生成的Gridview的前台html代码如下: <table class="usertableborder" cellspacing="0" ...
随机推荐
- svn实现共享文件夹/文件或svn文件夹/文件链接
我们在实际开发过程中,经常会遇到这种情况,多个项目组使用同一公共底层代码:公共底层代码是有专门负责人开发的,其它项目组只是使用即可,那么多个项目组就需要把公共底层代码放到各自的解决方案或目录文件下,解 ...
- Fluent Ribbon 第七步 状态栏
上一节,介绍了StartScreen的主要功能,本节介绍Ribbon的另外一个小功能StatusBar,状态栏是脱离ribbon之外单独存在,可以单独使用的控件 其基本代码定义如下: <Flue ...
- FineReport---样式
1.单元格样式 单元格样式说明 2.预定义样式 预定义样式说明 这里发现,改了样式,服务器更新Congfig,需要重启服务器,这样比较麻烦 我的操作是,先设置预定义样式,然后再点击自定义样式,操作是就 ...
- 第三课作业——set类型、sorted set类型的增删改查,redis的事务
第三课时作业 静哥 by 2016.2.23~2016.3.6 [作业描述] 1.总结什么是set以及什么是sorted set,并完成对set以及sorted set的增删改查(查需要至少4种方 ...
- Java基础语法 - 面向对象 - static 关键字
使用static关键字修饰的变量.常量和方法分别被称作静态变量.静态常量和静态方法,也被称作类的静态成员 静态变量 使用static修饰过的类变量称为静态变量 该变量需要使用类名.变量名进行调用,不能 ...
- win64系统丢失d3dx9d_40.dll问题
在Win64系统中,安装了DXSDK.DX9,却一直显示如上对话框,导致程序运行不起来. 于是我在网上找到了一个d3dx9d_40.dll,覆盖到C:\Windows\System32中,但是问题依然 ...
- 我的Android进阶之旅------>解决DownloadManager报错java.lang.SecurityException: Invalid value for visibility: 2
1.问题描述 今天使用Android系统的DownloadManager进行下载操作时,爆了如下所示的错误: java.lang.RuntimeException: Unable to start s ...
- io.Writer
var w io.Writer // 设置为你的 io.Writer var b bytes.Buffer fmt.Fprint(&b, "Hello World") w ...
- python全栈开发之OS模块的总结
OS模块 1. os.name() 获取当前的系统 2.os.getcwd #获取当前的工作目录 import os cwd=os.getcwd() # dir=os.listdi ...
- JavaScript 函数,math对象,Date对象 序列化 总结
函数 函数定义 // 普通函数定义 function f1() { console.log("Hello world!"); } // 带参数的函数 function f2(a, ...