更新数据库在 web 应用程序中可能经常很棘手。针对这种情况,datagrid 控件提供了一些使更新更容易的内置支持。为了允许对行进行编辑,datagrid 支持整型 edititemindex 属性,该属性指示网格的哪一行应该是可编辑的。设置了该属性后,datagrid 按该索引将行呈现为文本输入框,而不是简单的标签。值 -1(默认值)指示没有行是可编辑的。页可以在服务器端窗体中包含 datagrid,并通过 datagrid 的对象模型获取对编辑数据的访问。
为了确定哪一行应该是可编辑的,需要一种方法接受用户关于他们希望编辑哪一行的输入。datagrid 可以包含一个 editcommandcolumn 来呈现激发三个特殊事件的链接:editcommand、updatecommand 和 cancelcommand。editcommandcolumn 以声明方式添加到 datagrid 的 columns 集合,如下面的示例所示。
<asp:datagrid id=”mydatagrid” runat=”server”
…
oneditcommand=”mydatagrid_edit”
oncancelcommand=”mydatagrid_cancel”
onupdatecommand=”mydatagrid_update”
datakeyfield=”au_id”
>
<columns>
<asp:editcommandcolumn edittext=”edit” canceltext=”cancel” updatetext=”update” />
</columns>
</asp:datagrid>
在 datagrid 标记本身上,将事件处理程序连到从 editcommandcolumn 激发的每个命令。这些处理程序的 datagridcommandeventargs 参数使您得以直接访问由用来设置 datagrid 的 edititemindex 的客户端选择的索引。注意,需要重新绑定 datagrid 以使更改生效,如下面的示例所示。
public void mydatagrid_edit(object sender, datagridcommandeventargs e) {
mydatagrid.edititemindex = (int)e.item.itemindex;
bindgrid();
}
public sub mydatagrid_edit(sender as object, e as datagridcommandeventargs)
mydatagrid.edititemindex = e.item.itemindex
bindgrid()
end sub
public function mydatagrid_edit(sender:object, e:datagridcommandeventargs) : void {
mydatagrid.edititemindex = int(e.item.itemindex);
bindgrid();
}
当编辑某行 datagrid 时,editcommandcolumn 呈现 update 和 cancel 链接。如果客户端选择 cancel,只需将 edititemindex 设置回 -1。但如果客户端选择 update,则需要对数据库执行更新命令。执行更新查询要求知道希望更新的行的数据库中的主键。为支持此要求,datagrid 公开一个可以设置为主键字段名的 datakeyfield 属性。在连到 updatecommand 的事件处理程序中,可以从 datagrid 的 datakeys 集合检索键名。使用事件的 itemindex 在此集合中索引,如下面的示例所示。
mycommand.parameters[“@id”].value = mydatagrid.datakeys[(int)e.item.itemindex];
mycommand.parameters(“@id”).value = mydatagrid.datakeys(ctype(e.item.itemindex, integer))
mycommand.parameters[“@id”].value = mydatagrid.datakeys[int(e.item.itemindex)];
在 update 事件处理程序的最后,将 edititemindex 设置回 -1。下面的示例说明此代码的运行。
<%@ import namespace=”system.data” %>
<%@ import namespace=”system.data.sqlclient” %>
<html>
<script language=”c#” runat=”server”>
sqlconnection myconnection;
protected void page_load(object src, eventargs e)
{
myconnection=new sqlconnection(“server=jeff;uid=sa;password=;database=pubs”);
if (!ispostback)
bindgrid();
}
public void mydatagrid_edit(object sender, datagridcommandeventargs e)
{
mydatagrid.edititemindex = (int)e.item.itemindex;
bindgrid();
}
public void mydatagrid_cancel(object sender, datagridcommandeventargs e)
{
mydatagrid.edititemindex = -1;
bindgrid();
}
public void mydatagrid_update(object sender, datagridcommandeventargs e)
{
string updatecmd = “update authors set au_lname = @lname, au_fname = @fname, phone = @phone, “
+ “address = @address, city = @city, state = @state, zip = @zip, contract = @contract where au_id = @id”;
sqlcommand mycommand = new sqlcommand(updatecmd, myconnection);
mycommand.parameters.add(new sqlparameter(“@id”, sqldbtype.nvarchar, 11));
mycommand.parameters.add(new sqlparameter(“@lname”, sqldbtype.nvarchar, 40));
mycommand.parameters.add(new sqlparameter(“@fname”, sqldbtype.nvarchar, 20));
mycommand.parameters.add(new sqlparameter(“@phone”, sqldbtype.nchar, 12));
mycommand.parameters.add(new sqlparameter(“@address”, sqldbtype.nvarchar, 40));
mycommand.parameters.add(new sqlparameter(“@city”, sqldbtype.nvarchar, 20));
mycommand.parameters.add(new sqlparameter(“@state”, sqldbtype.nchar, 2));
mycommand.parameters.add(new sqlparameter(“@zip”, sqldbtype.nchar, 5));
mycommand.parameters.add(new sqlparameter(“@contract”, sqldbtype.nvarchar,1));
mycommand.parameters[“@id”].value = mydatagrid.datakeys[(int)e.item.itemindex];
string[] cols = {“@id”,”@lname”,”@fname”,”@phone”,”@address”,”@city”,”@state”,”@zip”,”@contract”};
int numcols = e.item.cells.count;
for (int i=2; i<numcols-1; i++) //跳过第一、第二和最后一列
{
string colvalue =((textbox)e.item.cells[i].controls[0]).text;
// 检查在所需字段中是否有空值
if (i<6 && colvalue == “”)
{
message.innerhtml = “错误:“作者 id”、“姓名”或“电话”不允许使用空值”;
message.style[“color”] = “red”;
return;
}
mycommand.parameters[cols[i-1]].value = colvalue;
}
//追加最后一行,将 true/false 值转换为 0/1
if (string.compare(((textbox)e.item.cells[numcols-1].controls[0]).text, “true”, true)==0)
mycommand.parameters[“@contract”].value = “1”;
else
mycommand.parameters[“@contract”].value = “0”;
mycommand.connection.open();
try
{
mycommand.executenonquery();
message.innerhtml = “<b>已更新记录</b><br>” + updatecmd;
mydatagrid.edititemindex = -1;
}
catch (sqlexception exc)
{
if (exc.number == 2627)
message.innerhtml = “错误:已存在具有相同主键的记录”;
else
message.innerhtml = “错误:未能更新记录,请确保正确填写了字段”;
message.style[“color”] = “red”;
}
mycommand.connection.close();
bindgrid();
}
public void bindgrid()
{
sqldataadapter mycommand = new sqldataadapter(“select * from authors”, myconnection);
dataset ds = new dataset();
mycommand.fill(ds, “authors”);
mydatagrid.datasource=ds.tables[“authors”].defaultview;
mydatagrid.databind();
}
</script>
<body style=”font: 10.5pt 宋体”>
<form runat=”server” id=”form1″>
<h3><font face=”宋体”>更新数据行</font></h3>
<span id=”message” enableviewstate=”false” style=”font: arial 11pt;” runat=”server” /><p>
<asp:datagrid id=”mydatagrid” runat=”server” width=”800″ backcolor=”#ccccff” bordercolor=”black” showfooter=”false” cellpadding=”3″ cellspacing=”0″ font-name=”verdana” font-size=”8pt” headerstyle-backcolor=”#aaaadd” oneditcommand=”mydatagrid_edit” oncancelcommand=”mydatagrid_cancel” onupdatecommand=”mydatagrid_update” datakeyfield=”au_id”>
<columns>
<asp:editcommandcolumn edittext=”编辑” canceltext=”取消” updatetext=”更新” itemstyle-wrap=”false” />
</columns>
</asp:datagrid>
</form>
</body>
</html>