ASP.NET应用-DataGrid使用最佳实践
列表控件是如何工作的
• DataSource属性：最简单地讲，就是一组相同特征的对象或者一个相同对象的集合
• Items集合：每一个列表绑定控件都有一个Items集合，集合中的每一个Item是DataSource所指定的一个对象
数据绑定
–列表绑定控件基于ASP.NET框架，需要你明确地进行数据绑定。这就意味着：只有当DataBind方法被调用时，才真正需要轮询其DataSource 所代表的数据。
–当DataBind方法被调用时，列表绑定控件将轮询DataSource，创建Items集合，并从DataSource取回数据，以初始化Items集合
DataGrid基本使用
• DataGrid控件可用于创建各种样式的表格。它还支持对项目的选择和操作，是最复杂、功能最强大！
• DataGrid的AutoGenerateColumns属性缺省是True。当AutoGenerateColumns为True 时，DataGrid将检查其数据源和其对象映射，并为每一个共有属性或者字段创建一个列。
•每一个自动产生的列称为一个BoundColumn（绑定列）。绑定列根据其数据表对应列的数据类型，自动将其转化为一个字符串，显示在表格的一个单元中。
•DataGrid列的类型包括：
–绑定列
–模板列
–编辑和删除列
•事件
–编辑
–取消
–更新
–删除
– 分页
•日期的显示
d 将日显示为不带前导零的数字（如1）。
dd 将日显示为带前导零的数字（如01）。
ddd 将日显示为缩写形式（例如Sun）。
dddd 将日显示为全名（例如Sunday）。
M 将月份显示为不带前导零的数字（如一月表示为1）
MM 将月份显示为带前导零的数字（例如01/12/01）。
MMM 将月份显示为缩写形式（例如Jan）。
MMMM 将月份显示为完整月份名（例如January）。
h 使用12 小时制将小时显示为不带前导零的数字（例如1:15:15 PM）。
hh 使用12 小时制将小时显示为带前导零的数字（例如01:15:15 PM）。
H 使用24 小时制将小时显示为不带前导零的数字（例如1:15:15）。
HH 使用24 小时制将小时显示为带前导零的数字（例如01:15:15）。
m 将分钟显示为不带前导零的数字（例如12:1:15）。
mm 将分钟显示为带前导零的数字（例如12:01:15）。
s 将秒显示为不带前导零的数字（例如12:15:5）。
ss 将秒显示为带前导零的数字（例如12:15:05）。
y 将年份(0-9) 显示为不带前导零的数字。
yy 以带前导零的两位数字格式显示年份（如果适用）。
yyy 以三位数字格式显示年份。
yyyy 以四位数字格式显示年份。
• DataGrid控件可用于创建各种样式的表格。它还支持对项目的选择和操作，是最复杂、功能最强大！
• DataGrid的AutoGenerateColumns属性缺省是True。当AutoGenerateColumns为True 时，DataGrid将检查其数据源和其对象映射，并为每一个共有属性或者字段创建一个列。
•每一个自动产生的列称为一个BoundColumn（绑定列）。绑定列根据其数据表对应列的数据类型，自动将其转化为一个字符串，显示在表格的一个单元中。
绑定数据代码(在Page_Load处添加):
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
if(!IsPostBack)
BindData();
}
private void BindData()
{
string strCon = System.Configurati on.ConfigurationSettings.AppSettings["DSN"];
SqlConnection con = new SqlConnection(strCon);
SqlDataAdapter da = new SqlDataAdapter("Select * from tbStudentinfo",con);
DataSet ds = new DataSet();
da.Fill(ds,"studentinfo");
dgShow.DataSource = ds.Tables["studentinfo"].DefaultView;
dgShow.DataBind();
}
绑定列使用如下图:(需设置”页眉文本”和”数据字段”)
当数据为只读列是,选上只读选项.
按钮列响应事件,需重新绑定数据,代码如下:
private void dgShow_EditCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
dgShow.EditItemIndex = e.Item.ItemIndex;
BindData();
}
private void dgShow_CancelCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
dgShow.EditItemIndex = -1;
BindData();
}
响应按钮删除事件代码如下:
private void dgShow_DeleteCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
if(dgShow.Items.Count==1) //这几行代码防止只剩下一行数据
{
if(dgShow.CurrentPageIndex!=0)
dgShow.CurrentPageIndex = dgShow.CurrentPageIndex-1;
}
string strSql = "delete from tbStudentinfo where studentid="+e.Item.Cells[0].Text+"";
ExecuteSql(strSql);
BindData();
}
////////////////////////////////////////////////////////////
//说明：执行制定SQL语句/////////////////////////////////////
///////////////////////////////////////////////////////////
private void ExecuteSql(string strSql)
{
try
{
string strconn = System.Configuration.ConfigurationSettings.AppSettings["DSN"];//从Web.config中读取
SqlConnection conn =new SqlConnection(strconn);
SqlCommand com = new SqlCommand(strSql,conn);
conn.Open();
com.ExecuteNonQuery();
conn.Close();
}
catch(Exception e)
{
Response.Write("<script language = 'javascript'>alert('"+e.Message+"');</script>") ;
}
}
响应更新按钮事件代码如下:
private void dgShow_UpdateCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
string strStudentID = e.Item.Cells[0].Text;//处于非编辑状态
string strName = ((TextBox)(e.Item.Cells[1].Controls[0])).Text;//处于编辑状态
string strPass =((TextBox)(e.Item.Cells[2].Controls[0])).Text;
string strSex = ((CheckBox)(e.Item.Cells[3].FindControl("cbSex"))).Checked?"1":"0";
string strBirthday =((TextBox)(e.Item.Cells[4].Controls[0])).Text;
string strEmail =((TextBox)(e.Item.Cells[5].Controls[0])).Text;
string strSql = "update tbStudentinfo set StudentName='"+strName+"',StudentPass='"+strPass+"'";
strSql+=",Sex="+strSex+",Birthday='"+strBirthday+"',Email='"+strEmail+"' where studentid="+strStudentID+"";
ExecuteSql(strSql);
dgShow.EditItemIndex = -1;
BindData();
}
分页具体操作如图:
响应分页PageIndexChanged事件代码如下:
private void dgShow_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
{
dgShow.CurrentPageIndex = e.NewPageIndex;
BindData();
}
在DataGorad添加RadioButton操作如下:
1. 添加模板列
2. 编辑模板
3. 在ItemTemplate处添加RadioButton
4. RadioButton属性GroupName需一样,即设置为一组
RadioButton绑定数据库数据操作如下:
1. 设置RadioButton数据源(DataBindings)
2. 选择Checked属性,自定义绑定表达式输入表达式.
例如: DataBinder.Eval(Container, "DataItem.Sex")
!(bool)DataBinder.Eval(Container, "DataItem.Sex")
日期格式设置:
在列的数据格式设置表达式处填入静态式.
例如: {0:yyyy-M-d}
{0:yyyy-MM-dd}
日期格式参考上日期格式表.
超级链接列:
添加自定义删除:
1. 添加模板列.
2. 在ItemTemplate处添加删除按钮.
3. 更改按钮名字btnDelete,添加CommandName属性 UserDelete.
响应自定义删除事件:
1.添加DataGrid ItemCreated事件.
private void dgShow_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
switch(e.Item.ItemType)
{
case ListItemType.Item:
case ListItemType.EditItem:
case ListItemType.AlternatingItem:
Button myDeleteButton = (Button)e.Item.FindControl("btnDelete");
myDeleteButton.Text = "删除此行";
myDeleteButton.Attributes.Add("onclick", "return confirm('您真的要删除第 " + e.Item.ItemIndex.ToString() + " 行吗？');");
break;
}
}
2.添加DataGrid ItemCommand事件.
private void dgShow_ItemCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
if(e.CommandName=="UserDelete")
dgShow_DeleteCommand(source,e);
}
多行操作.
1. 添加模板列,如右图:
2. 设置CheckBox的AutoPostBack属性为True
3. 修改HTML页面,在”全选”代码处修改为:
<asp:CheckBox id="cbAll" runat="server"
OnCheckedChanged="CheckAll" Text="全选"
AutoPostBack="True"></asp:CheckBox>
4. 添加响应”全选”按钮函数
public void CheckAll(object sender, System.EventArgs e)
{
CheckBox cbAll = (CheckBox)sender;
if(cbAll.Text=="全选")
{
foreach(DataGridItem dgi in dgShow.Items)
{
CheckBox cb = (CheckBox)dgi.FindControl("cbSelect");
cb.Checked = cbAll.Checked;
}
}
}
5. 添加多行操作按钮:(例如删除)
a.添加删除按钮属性.
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
btnDelete.Attributes.Add("onclick", "return confirm('您真的要删除所选项吗？');");
if(!IsPostBack)
BindData();
}
b.响应删除按钮事件:
private void btnDelete_Click(object sender, System.EventArgs e)
{
foreach(DataGridItem dgi in dgShow.Items)
{
CheckBox cb = (CheckBox)dgi.FindControl("cbSelect");
if(cb.Checked)
{
//以下执行删除操作
int nID = int.Parse(dgi.Cells[0].Text);
string strSql = "delete from tbStudentinfo where studentid="+nID;
ExecuteSql(strSql);
}
}
dgShow.CurrentPageIndex = 0;
BindData();
}
在DataGrid添加DropDownList控件
1. 添加模板列.
两个DropDownList ID 分别为ddlSexI和ddlSexE.
添加Items
Text:男 Value:1
Text:女 Value:0
2. 绑定数据库数据:
private void BindData()
{
string strCon = System.Configuration.ConfigurationSettings.AppSettings["DSN"];
SqlConnection con = new SqlConnection(strCon);
SqlDataAdapter da = new SqlDataAdapter("Select * from tbStudentinfo",con);
DataSet ds = new DataSet();
da.Fill(ds,"studentinfo");
dgShow.DataSource = ds.Tables["studentinfo"].DefaultView;
dgShow.DataBind();
foreach(DataGridItem dgi in dgShow.Items)
{
//以下绑定非编辑状态下拉列表
DropDownList ddI = (DropDownList)dgi.FindControl("ddlSexI");
if(ddI!=null)
{
ool bSex = (bool)ds.Tables["studentinfo"].Rows[dgi.ItemIndex]["Sex"];
if(bSex)
ddI.SelectedIndex = 0;
else
ddI.SelectedIndex = 1;
}
//以下绑定编辑状态下拉列表
DropDownList ddE = (DropDownList)dgi.FindControl("ddlSexE");
if(ddE!=null)
{
bool bSex = (bool)ds.Tables["studentinfo"].Rows[dgi.ItemIndex]["Sex"];
if(bSex)
ddE.SelectedIndex = 0;
else
ddE.SelectedIndex = 1;
}
}
}
3. 更新数据:
private void dgShow_UpdateCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
string strStudentID = e.Item.Cells[0].Text;//处于非编辑状态
string strName = ((TextBox)(e.Item.Cells[1].Controls[0])).Text;//处于编辑状态
string strPass =((TextBox)(e.Item.Cells[2].Controls[0])).Text;
string strSex = ((DropDownList)(e.Item.FindControl("ddlSexE"))).SelectedItem.Value;
string strBirthday =((TextBox)(e.Item.Cells[4].Controls[0])).Text;
string strEmail =((TextBox)(e.Item.Cells[5].Controls[0])).Text;
string strSql = "update tbStudentinfo set StudentName='"+strName+"',StudentPass='"+strPass+"'";
strSql +=",Sex="+strSex+",Birthday='"+strBirthday+"',Email='"+strEmail+"' where studentid="+strStudentID+"";
ExecuteSql(strSql);
dgShow.EditItemIndex = -1;
BindData();
}
统计数据:
1. 设置DataGrid的ShowFooter属性为True
2. 添加代码显示统计:
private void BindData()
{
string strCon = System.Configuration.ConfigurationSettings.AppSettings["DSN"];
SqlConnection con = new SqlConnection(strCon);
SqlDataAdapter da = new SqlDataAdapter("Select * from tbStudentinfo",con);
DataSet ds = new DataSet();
da.Fill(ds,"studentinfo");
dgShow.DataSource = ds.Tables["studentinfo"].DefaultView;
dgShow.DataBind();
//以下作分数和的统计
int count=0;
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
count += int.Parse(ds.Tables[0].Rows[i]["Score"].ToString());
}
int nAv = count/ds.Tables[0].Rows.Count;
foreach(DataGridItem dgi in dgShow.Controls[0].Controls)
{
if (dgi.ItemType == ListItemType.Footer)
dgi.Cells[6].Text = "平均："+nAv.ToString();
}
}
如何调整DataGrid编程状态下的TextBox宽度
1. 在DataGrid添加ItemDataBound事件.
2. 响应ItemDataBound事件代码:
private void dgShow_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.EditItem)
{
for (int i=0;i<e.Item.Cells.Count;i++)
{
if(e.Item.Cells[i].Controls.Count>0)
{
try
{
TextBox t =(TextBox)e.Item.Cells[i].Controls[0];
t.Width=130;
}
catch(Exception ee)
{
}
}
}
}
}
隐藏DataGrid里面某一列数据
1.在数据绑定处添加代码如下:
private void BindData()
{
string strCon = System.Configuration.ConfigurationSettings.AppSettings["DSN"];
SqlConnection con = new SqlConnection(strCon);
SqlDataAdapter da = new SqlDataAdapter("Select * from tbStudentinfo",con);
DataSet ds = new DataSet();
da.Fill(ds,"studentinfo");
dgShow.DataSource = ds.Tables["studentinfo"].DefaultView;
dgShow.DataBind();
dgShow.Columns[0].Visible = false;
}
如何装DataGrid导出成一个Excel文件
1. 添加导出按钮.
2. 响应按钮点击事件,添加代码如下:
private void btnMIME_Click(object sender, System.EventArgs e)
{
Response.ContentType = "application/vnd.ms-excel";
Response.Charset = "";
this.EnableViewState = false;
System.IO.StringWriter sw = new System.IO.StringWriter();
System.Web.UI.HtmlTextWriter hw = new System.Web.UI.HtmlTextWriter(sw);
int nCur = dgShow.CurrentPageIndex;
int nSize = dgShow.PageSize;
dgShow.AllowPaging = false;
BindData();
dgShow.Columns[7].Visible =false;
dgShow.RenderControl(hw);
dgShow.Columns[7].Visible =true;
//以下恢复分页
dgShow.AllowPaging = true;
dgShow.CurrentPageIndex = nCur;
dgShow.PageSize = nSize;
BindData();
Response.Write(sw.ToString());
Response.End();
}
扫一扫
6407
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
