Asp.Net:DataGrid学习(2)-控件新闻-慧都网

Asp.Net:DataGrid学习(2)

翻译|其它|编辑：郝浩|2004-02-21 14:42:00.000|阅读 1624 次

概述：

　　前面几个例子学习了从DataBase里面读数据，下面我们学习将数据插入到数据库中，可以向页中添加简单的输入窗体，并在窗体提交事件处理程序中执行插入命令。与前两个示例一样，使用命令对象的 Parameters 集合填充命令的值。注意，在试图插入到数据库中之前，还要检查以确保所需的值非空。这将防止与数据库的字段约束意外冲突。还需在 try/catch 块的内部执行插入命令，以防插入行的主键已经存在。

先看aspx文件：
<body MS_POSITIONING="GridLayout">
<form runat="server" ID="Form1">
<h3><font face="宋体">插入具有验证的数据行</font></h3>
<table width="95%">
<tr>
<td valign="top">
<ASP:DataGrid id="MyDataGrid" runat="server" Width="700" BackColor="#ccccff" BorderColor="black" ShowFooter="false" CellPadding="3" CellSpacing="0" Font-Name="宋体" Font-Size="8pt" HeaderStyle-BackColor="#aaaadd" EnableViewState="false" />
</td>
<td valign="top">
<table style="FONT: 9pt 宋体">
<tr>
<td colspan="2" bgcolor="#aaaadd" style="FONT:10.5pt 宋体">添加新作者：</td>
</tr>
<tr>
<td nowrap>作者 ID：</td>
<td>
<input type="text" id="au_id" value="000-00-0000" runat="server" NAME="au_id">
<asp:RequiredFieldValidator id="au_idReqVal" ControlToValidate="au_id" Display="Static" Font-Name="Verdana" Font-Size="12" runat="server"> *</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td nowrap>姓氏：</td>
<td>
<input type="text" id="au_lname" value="Doe" runat="server" NAME="au_lname">
<asp:RequiredFieldValidator id="au_lnameReqVal" ControlToValidate="au_lname" Display="Static" Font-Name="Verdana" Font-Size="12" runat="server"> *</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td nowrap>名字：</td>
<td>
<input type="text" id="au_fname" value="John" runat="server" NAME="au_fname">
<asp:RequiredFieldValidator id="au_fnameReqVal" ControlToValidate="au_fname" Display="Static" Font-Name="Verdana" Font-Size="12" runat="server"> *</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>电话：</td>
<td><nobr> <input type="text" id="phone" value="808 555-5555" runat="server" NAME="phone">
<asp:RequiredFieldValidator id="phoneReqVal" ControlToValidate="phone" Display="Static" Font-Name="Verdana" Font-Size="12" runat="server"> *</asp:RequiredFieldValidator></nobr>
</td>
</tr>
<tr>
<td>地址：</td>
<td><input type="text" id="address" value="One Microsoft Way" runat="server" NAME="address"></td>
</tr>
<tr>
<td>城市：</td>
<td><input type="text" id="city" value="Redmond" runat="server" NAME="city"></td>
</tr>
<tr>
<td>州：</td>
<td>
  <select id="state" runat="server" NAME="state">
  <option selected>CA</option>
  <option>IN</option>
  <option>KS</option>
  <option>MD</option>
  <option>MI</option>
  <option>OR</option>
  <option>TN</option>
  <option>UT</option>
  </select>
</td>
</tr>
<tr>
<td nowrap>邮政编码：</td>
<td><input type="text" id="zip" value="98005" runat="server" NAME="zip"></td>
</tr>
<tr>
<td>协定：</td>
<td>
  <select id="contract" runat="server" NAME="contract">
  <option value="0" selected>假</option>
  <option value="1">真</option>
  </select>
</td>
</tr>
<tr>
<td></td>
<td style="PADDING-TOP:15px">
<input type="submit" value="添加作者" runat="server" ID="Submit1" NAME="Submit1">
</td>
</tr>
<tr>
<td colspan="2" style="PADDING-TOP:15px" align="middle">
<span id="Message" EnableViewState="false" runat="server">
<asp:RegularExpressionValidator id="RegularExpressionValidator1" ASPClass="RegularExpressionValidator" ControlToValidate="zip" ValidationExpression="[0-9]{5}" Display="Dynamic" Font-Name="Arial" Font-Size="11" runat="server">* 邮政编码必须是 5 位数字<br></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator id="phoneRegexVal" ControlToValidate="phone" ValidationExpression="[0-9]{3} [0-9]{3}-[0-9]{4}" Display="Dynamic" Font-Name="Arial" Font-Size="11" runat="server">* 电话号码格式必须为：XXX XXX-XXXX <br></asp:RegularExpressionValidator>           <asp:RegularExpressionValidator id="au_idRegexVal" ControlToValidate="au_id" ValidationExpression="[0-9]{3}-[0-9]{2}-[0-9]{4}" Display="Dynamic" Font-Name="Arial" Font-Size="11" runat="server">* 作者 ID 必须是数字：XXX-XX-XXXX <br></asp:RegularExpressionValidator></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>

aspx.cs文件
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

namespace study
{
/// <summary>
/// datagrid_5 的摘要说明。
/// </summary>
public class datagrid_5 : System.Web.UI.Page
{
  protected System.Web.UI.WebControls.DataGrid MyDataGrid;
  protected System.Web.UI.WebControls.RequiredFieldValidator au_idReqVal;
  protected System.Web.UI.WebControls.RequiredFieldValidator au_lnameReqVal;
  protected System.Web.UI.WebControls.RequiredFieldValidator au_fnameReqVal;
  protected System.Web.UI.WebControls.RequiredFieldValidator phoneReqVal;
  protected System.Web.UI.WebControls.RegularExpressionValidator RegularExpressionValidator1;
  protected System.Web.UI.WebControls.RegularExpressionValidator phoneRegexVal;
  protected System.Web.UI.WebControls.RegularExpressionValidator au_idRegexVal;
  protected System.Web.UI.HtmlControls.HtmlInputText au_id;
  protected System.Web.UI.HtmlControls.HtmlInputText au_lname;
  protected System.Web.UI.HtmlControls.HtmlInputText au_fname;
  protected System.Web.UI.HtmlControls.HtmlInputText phone;
  protected System.Web.UI.HtmlControls.HtmlInputText address;
  protected System.Web.UI.HtmlControls.HtmlInputText city;
  protected System.Web.UI.HtmlControls.HtmlSelect state;
  protected System.Web.UI.HtmlControls.HtmlInputText zip;
  protected System.Web.UI.HtmlControls.HtmlSelect contract;
  protected System.Web.UI.HtmlControls.HtmlInputButton Submit1;
  protected System.Web.UI.HtmlControls.HtmlGenericControl Message;
  SqlConnection myConnection;
  private void Page_Load(object sender, System.EventArgs e)
  {
   myConnection = new SqlConnection("user id=sa;password=;initial catalog=pubs;data source=jeff");

   if (!IsPostBack)
    BindGrid();
  }

  #region Web Form Designer generated code
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }

  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {
   this.Submit1.ServerClick += new System.EventHandler(this.Submit1_ServerClick);
   this.Load += new System.EventHandler(this.Page_Load);

}
#endregion

  private void Submit1_ServerClick(object sender, System.EventArgs e)
  {
   Message.InnerHtml = "";

if (Page.IsValid)
{

String insertCmd = "insert into Authors (au_id, au_lname, au_fname, phone, address, city, state, zip, contract) values (@Id, @LName, @FName, @Phone, @Address, @City, @State, @Zip, @Contract)";

SqlCommand myCommand = new SqlCommand(insertCmd, myConnection);

myCommand.Parameters.Add(new SqlParameter("@Id", SqlDbType.NVarChar, 11));
myCommand.Parameters["@Id"].Value = au_id.Value;

myCommand.Parameters.Add(new SqlParameter("@LName", SqlDbType.NVarChar, 40));
myCommand.Parameters["@LName"].Value = au_lname.Value;

myCommand.Parameters.Add(new SqlParameter("@FName", SqlDbType.NVarChar, 20));
myCommand.Parameters["@FName"].Value = au_fname.Value;

myCommand.Parameters.Add(new SqlParameter("@Phone", SqlDbType.NChar, 12));
myCommand.Parameters["@Phone"].Value = phone.Value;

myCommand.Parameters.Add(new SqlParameter("@Address", SqlDbType.NVarChar, 40));
myCommand.Parameters["@Address"].Value = address.Value;

myCommand.Parameters.Add(new SqlParameter("@City", SqlDbType.NVarChar, 20));
myCommand.Parameters["@City"].Value = city.Value;

myCommand.Parameters.Add(new SqlParameter("@State", SqlDbType.NChar, 2));
myCommand.Parameters["@State"].Value = state.Value;

myCommand.Parameters.Add(new SqlParameter("@Zip", SqlDbType.NChar, 5));
myCommand.Parameters["@Zip"].Value = zip.Value;

myCommand.Parameters.Add(new SqlParameter("@Contract", SqlDbType.NVarChar,1));
myCommand.Parameters["@Contract"].Value = contract.Value;

myCommand.Connection.Open();

    try
    {
     myCommand.ExecuteNonQuery();
     Message.InnerHtml = "<b>已添加记录</b><br>" + insertCmd + "<p>";
    }
    catch (SqlException ex)
    {
     if (ex.Number == 2627)
      Message.InnerHtml = "错误：已存在具有相同主键的记录<p>";
     else
      Message.InnerHtml = "错误：未能添加记录，请确保正确填写了字段<p>";
     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();
  }
}
}

　　更新数据库在 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>

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

上一篇：Asp.Net:DataGrid学习(3) 下一篇：Asp.Net:DataGrid学习(1)