首页  ·  知识 ·  
Label
      编辑:  图片来源:网络
你对ASP.NET的DataGrid的编辑功能是不是感到很失望呢?我们就在本文里向你介绍一种利用.NET基本类型库构建自己的全功能的DataGrid。在基于WEB的应用中,直接编辑数据,并更新到数据库可以得到一种意想不到的效果。ASP.NET向我们提供了许多基类,以帮助我们创建我们自己的全功能的DataGrid。本文就利用System.Text类创建我们的Datadrid,然后利用System.Data.SqlClient类和数据库交互,在使用之前,必须先把它们导入到应用程序中。    
我们首先创建一个基本表单,上面放两个控件,一个是更新按钮,另一个是显示数据的容器。利用高效的StringBuilder类来生成数据网格的HTML字符串。先看看得到数据的代码:    
 
private  DataSet  getDS()    
{    
System.Data.SqlClient.SqlConnection  myConn;    
string  conn  =  "server=(localhost)\\NetSDK;database=Northwind;Trusted_Connection=yes";    
myConn  =  new  System.Data.SqlClient.SqlConnection(conn);    
ds  =  new  DataSet();    
ds.CaseSensitive  =  true;    
SqlCommand  sqlcmd  =  new  System.Data.SqlClient.SqlCommand();    
sqlcmd.Connection  =  myConn;    
sqlcmd.CommandText  =  "Select  CustomerID,CompanyName,  ContactName,ContactTitle  from  Customers";    
da  =  new  SqlDataAdapter(sqlcmd);    
SqlCommandBuilder  SCB  =  new  SqlCommandBuilder(da);    
da.SelectCommand  =  sqlcmd;    
da.TableMappings.Add("Table","Customers");    
da.Fill(ds);    
return  ds;    
}    
 
DataSet返回数据库中数据的列和行,就象一张表格。为了填充网格,我们必须先写出所需的HTML,构建不同的列对象,然后遍历整个数据表,利用StringBuilder类产生出页面表格的HTML代码。    
private  void  writeGrid()    
{    
DataTable  dt  =  getDS().Tables[0];    
DataRow  dr;    
StringBuilder  sb  =  new  StringBuilder();    
//HTML表格开始    
sb.Append  ("cellPadding='1'  border='1'  width='825px'  >");    
int  col  =  0;  //列数变量    
 
for(int  i=0;  i{    
dr  =  dt.Rows[i];    
col=0;    
sb.Append  ("
");    
//input文本框    
sb.Append("");    
col++;    
sb.Append("");    
col++;    
sb.Append("");    
col++;    
sb.Append("");    
col++;    
//隐藏表单域,保存要更新的数据行的状态    
sb.Append("value='existing'  >");    
//关闭行标记    
sb.Append("");    
}    
sb.Append("
");    
sb.Append("Name='df"  +  i  +  "-"  +  col  +  "'  value='"  +  dr[col].ToString()  +  "'    
size='20'  onChange=rowChange('"  +  i  +  "')>  ");    
sb.Append("
");    
sb.Append("Name='df"  +  i  +  "-"  +  col  +  "'  value='"  +  dr[col].ToString()  +  "'    
size='20'  onChange=rowChange('"  +  i  +  "')>  ");    
sb.Append("
");    
sb.Append("Name='df"  +  i  +  "-"  +  col  +  "'  value='"  +  dr[col].ToString()  +  "'    
size='20'  onChange=rowChange('"  +  i  +  "')>  ");    
sb.Append("
");    
sb.Append("Name='df"  +  i  +  "-"  +  col  +  "'  value='"  +  dr[col].ToString()  +  "'    
size='20'  onChange=rowChange('"  +  i  +  "')>  ");    
sb.Append("
");    
//显示出表格    
Output.InnerHtml  =  sb.ToString();    
}    
 
在上面的代码中,我们以数据的行、列位置来命名网格元素,这样可以方便我们对网格进行操作,也可以避免担心列数量的多少和列名字的变化。现在,我们已经创建了一个数据网格(DataGrid),并且创建了控制元素,根据创建方式的不同,这些控制元素既可以是基于客户端的,也可以是基于服务器端的,文本框的OnChange事件调用rowChange函数,来更新每行隐藏表单域的值。rowChange函数如下:    
 
function  rowChange(element)    
{    
eval("document.frmMain.hid"  +  element  +  ".value  =  'update'");    
}    
 
为了把我们更新过的数据写回数据库,我们只需要遍历那些隐藏表单域的值改变了那些行。利用DataTable的Select方法得到DataSet中变化的行,并把更新的数据写到DataSet。    
 
private  void  Update()    
{    
//创建DataTable    
DataTable  udt  =  getDS().Tables["Customers"];    
DataRow[]  dr;    
//遍历表单元素    
int  row=0;//行数    
while  (Request.Form["hid"  +  row]  !=  null)    
{    
//如果有数据更新,就进行更新操作    
if  (Request.Form["hid"  +  row]  ==  "update")    
{    
int  col=0;//列数    
 
//找到变化的行,并更新DataTable    
string  strExp  =  "CustomerID  =  '"  +  Request.Form["df"  +  row  +  "-"  +  col]+"'";    
dr  =  udt.Select(strExp);    
//更新开始    
dr[0].BeginEdit();    
dr[0]["CustomerID"]=  Request.Form["df"  +  row  +  "-"  +  col];    
col++;    
dr[0]["CompanyName"]  =  Request.Form["df"  +  row  +  "-"  +  col  ];    
col++;    
dr[0]["ContactName"]  =  Request.Form["df"  +  row  +  "-"  +  col];    
col++;    
dr[0]["ContactTitle"]  =  Request.Form["df"  +  row  +  "-"  +  col];    
dr[0].EndEdit();    
}    
row++;  //行数加一    
}    
}    
 
然后,我们调用DataAdapter的Update方法,把更新后的数据写回到数据库。注意上面的代码:当我们创建DataSet时,我们使用了SqlCommandBuilder对象,如果我们设定了SqlDataAdapter的selectCommandProperty,SqlCommandBuilder对象会自动产生单个表的Transact-SQL语句。    
private  void  writeChanges()    
{    
da.Update(ds,  "Customers");    
}    
 
本文作者:佚名 来源:http://www.bjcan.com
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读
也许感兴趣的
我们推荐的
主题最新
看看其它的
收藏至微信