DataGrid学习五

2024-07-21 02:22:37

字体：大中小

来源：转载

供稿：网友

更新数据库在 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 >
  <form runat="server" id="form1">
   <h3><font face="宋体">更新数据行</font></h3>
   <span id="message" enableviewstate="false" 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>

收集最实用的网页特效代码！

上一篇：DataGrid学习六

下一篇：DataGrid学习四