Asp.Net 空件 GridView

这两天做的作业都得用到visual studio 越来越发现其功能真心

前几天Asp.Net做了个界面增删查改的作业(连接数据库),用到了个组件GridView,感觉很强大

在这里小结一下(这里主要说下字段和事件):

字段,
BoundField 显示数据源中某个字段的值。这是 GridView控件的默认列类型。
ButtonField 为 GridView控件中的每个项显示一个命令按钮。可以创建一列自定义按钮控件,如“添加”按钮或“移除”按钮。
CheckBoxField 为 GridView控件中的每一项显示一个复选框。此列字段类型通常用于显示具有布尔值的字段。
CommandField  显示用来执行选择、编辑或删除操作的预定义命令按钮。
HyperLinkField 将数据源中某个字段的值显示为超链接。此列字段类型允许您将另一个字段绑定到超链接的 URL。
ImageField 为 GridView控件中的每一项显示一个图像。
TemplateField 根据指定的模板为 GridView控件中的每一项显示用户定义的内容。此列字段类型允许您创建自定义的列字段。

事件,
RowCancelingEdit 在一个处于编辑模式的行的Cancel按钮被单击,但是在该行退出编辑模式之前发生。
RowCommand 单击一个按钮时发生。
RowCreated 创建一行时发生。
RowDataBound 一个数据行绑定到数据时发生。
RowDeleting, RowDeleted 这两个事件都是在一行的Delete按钮被单击时发生。它们分别在该网格控件删除
该行之前和之后激发。
RowEditing 当一行的Edit按钮被单击时,但是在该控件进入编辑模式之前发生。
RowUpdating,RowUpdated 这两个事件都是在一行的Update按钮被单击时发生。它们分别在该网格控件更
新该行之前和之后激发。
SelectedIndexChanging, SelectedIndexChanged这两个事件都是在一行的Select按钮被单击时发生。
它们分别在该网格控件处理选择操作之前和之后激发。
Sorting, Sorted 这两个事件都是在对一个列进行排序的超链接被单击时发生。
它们分别在网格控件处理排序操作之前和之后激发

接下来把作业拿出来分析几个事件:

之前我已说过如何连接Mysql数据库,这个界面增删查改作业也是基于那个基础,当然也是之前那个界面

我把添加页面写在同一个界面上,理解就行,代码:

界面,

 

[csharp][/csharp] view plaincopy

  1. <%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”WebForm1.aspx.cs” Inherits=”DataRefresh.WebForm1″ %>
  2. <!DOCTYPE html>
  3. <html xmlns=”http://www.w3.org/1999/xhtml”>
  4. <head runat=”server”>
  5. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>
  6.     <title>界面增删查改</title>
  7. </head>
  8. <body style=”height: 34px”>
  9.     <form id=”form1″ runat=”server”>
  10.         <div id=”container”>
  11.         <asp:GridView ID=”GridView1″ runat=”server” AutoGenerateColumns=”False”  Font-Size=”12px” Width=”591px” CellPadding=”4″ ForeColor=”#333333″ GridLines=”None”
  12.             OnRowDeleting=”GridView1_RowDeleting” OnSelectedIndexChanged=”GridView1_SelectedIndexChanged” OnRowCommand=”GridView1_RowCommand”
  13.             OnRowEditing=”GridView1_RowEditing” OnRowUpdating=”GridView1_RowUpdating” OnRowCancelingEdit=”GridView1_RowCancelingEdit”
  14.             >
  15.             <AlternatingRowStyle BackColor=”White” ForeColor=”#284775″ />
  16.           <Columns>
  17.             <asp:BoundField DataField=”s_no” HeaderText=”学号” />
  18.             <asp:BoundField DataField=”s_name” HeaderText=”名字” />
  19.             <asp:BoundField DataField=”s_age” HeaderText=”年龄” />
  20.             <asp:BoundField DataField=”s_sex” HeaderText=”性别” />
  21.             <asp:CommandField HeaderText=”编辑” ShowEditButton=”true”/>
  22.               <asp:CommandField HeaderText=”删除” ShowDeleteButton=”true”>
  23.               </asp:CommandField>
  24.           </Columns>
  25.             <EditRowStyle BackColor=”#999999″ />
  26.             <FooterStyle BackColor=”#5D7B9D” Font-Bold=”True” ForeColor=”White” />
  27.             <HeaderStyle BackColor=”#5D7B9D” Font-Bold=”True” ForeColor=”White” />
  28.             <PagerStyle BackColor=”#284775″ ForeColor=”White” HorizontalAlign=”Center” />
  29.             <RowStyle BackColor=”#F7F6F3″ ForeColor=”#333333″ />
  30.             <SelectedRowStyle BackColor=”#E2DED6″ Font-Bold=”True” ForeColor=”#333333″ />
  31.             <SortedAscendingCellStyle BackColor=”#E9E7E2″ />
  32.             <SortedAscendingHeaderStyle BackColor=”#506C8C” />
  33.             <SortedDescendingCellStyle BackColor=”#FFFDF8″ />
  34.             <SortedDescendingHeaderStyle BackColor=”#6F8DAE” />
  35.         </asp:GridView>
  36.          <br />
  37.         <br />
  38.          学号:
  39.         <asp:TextBox ID=”TextBox1″ runat=”server”></asp:TextBox><br />
  40.         名字:
  41.         <asp:TextBox ID=”TextBox2″ runat=”server”></asp:TextBox><br />
  42.         年龄:
  43.         <asp:TextBox ID=”TextBox3″ runat=”server”></asp:TextBox><br />
  44.         性别:
  45.         <asp:TextBox ID=”TextBox4″ runat=”server”></asp:TextBox>
  46.          <p>
  47.             <asp:Button ID=”Btn_add” runat=”server” Text=”添加” OnClick=”Btn_add_Click” />
  48.         </p>
  49.         </div>
  50.     </form>
  51. </body>
  52. </html>

实现类,

 

 

[csharp][/csharp] view plaincopy

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Data;
  4. using System.Data.SqlClient;
  5. using System.Linq;
  6. using System.Web;
  7. using System.Web.Security;
  8. using System.Web.UI;
  9. using System.Web.UI.WebControls;
  10. using MySql.Data.MySqlClient;
  11. namespace DataRefresh
  12. {
  13.     public partial class WebForm1 : System.Web.UI.Page
  14.     {
  15.         MySqlConnection mySqlConn;//mysql连接对象
  16.         protected void Page_Load(object sender, EventArgs e)
  17.         {
  18.             string connStr = “Database=myschool;Data Source=localhost;User Id=root;Password=123”;//连接字符串
  19.             mySqlConn = new MySqlConnection(connStr);
  20.             mySqlConn.Open();
  21.             if (!IsPostBack)
  22.             {
  23.                 bind();
  24.             }
  25.         }
  26.         public void bind()
  27.         {
  28.             //创建MySqlDataAdapter对象执行查询
  29.             MySqlDataAdapter DataAdapter = new MySqlDataAdapter(“select * from student”, mySqlConn);
  30.             DataSet dataset = new DataSet();
  31.             // 填充DataSet对象
  32.             DataAdapter.Fill(dataset, “student”);
  33.             //将数据显示在gridview中
  34.             GridView1.DataSource = dataset;
  35.             GridView1.DataKeyNames = new string[] { “s_no” };//主键
  36.             GridView1.DataBind();
  37.         }
  38.         //删除
  39.         protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
  40.         {
  41.             string sqlStr = “delete from student where s_no=” + Convert.ToInt32(GridView1.DataKeys[e.RowIndex].Value) + “;”;
  42.             //System.Diagnostics.Debug.Write(sqlStr);
  43.             MySqlCommand mySqlCmd = new MySqlCommand(sqlStr,mySqlConn);
  44.             mySqlCmd.ExecuteNonQuery();
  45.             bind();
  46.         }
  47.         //gridview改变的时候设置每一行的id
  48.         protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
  49.         {
  50.             int id = Convert.ToInt32(GridView1.DataKeys[GridView1.SelectedIndex].Value.ToString());
  51.         }
  52.         //获取事件
  53.         protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
  54.         {
  55.             //System.Diagnostics.Debug.Write(e.CommandName);
  56.         }
  57.         //更新
  58.         protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
  59.         {
  60.             string ID = GridView1.DataKeys[e.RowIndex].Value.ToString();
  61.             GridViewRow gvr = GridView1.Rows[e.RowIndex];
  62.             string s_no = ((TextBox)(GridView1.Rows[e.RowIndex].Cells[0].Controls[0])).Text.ToString().Trim();
  63.             string s_name = ((TextBox)(GridView1.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim();
  64.             string s_age = ((TextBox)(GridView1.Rows[e.RowIndex].Cells[2].Controls[0])).Text.ToString().Trim();
  65.             string s_sex = ((TextBox)(GridView1.Rows[e.RowIndex].Cells[3].Controls[0])).Text.ToString().Trim();
  66.             string sql = “update student set s_no='” + s_no + “‘,s_name='” + s_name + “‘,s_age='” + s_age + “‘,s_sex='” + s_sex + “‘ where s_no=” + ID + “;”;
  67.             System.Diagnostics.Debug.Write(sql);
  68.             MySqlCommand mySqlCmd = new MySqlCommand(sql, mySqlConn);
  69.             mySqlCmd.ExecuteNonQuery();
  70.             bind();
  71.         }
  72.         //取消
  73.         protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
  74.         {
  75.             GridView1.EditIndex = -1;
  76.             bind();
  77.         }
  78.         //编辑
  79.         protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
  80.         {
  81.             //int index = Convert.ToInt32(GridView1.DataKeys[e.NewEditIndex].Value);
  82.             GridView1.EditIndex = e.NewEditIndex;
  83.             bind();
  84.         }
  85.         //添加
  86.         protected void Btn_add_Click(object sender, EventArgs e)
  87.         {
  88.             //Response.Redirect(“WebForm2.aspx”); 跳转
  89.             int sno = int.Parse(TextBox1.Text);
  90.             int age = int.Parse(TextBox3.Text);
  91.             string sql = “insert into student(s_no,s_name,s_age,s_sex) values(‘”+sno+”‘ ,'” + TextBox2.Text + “‘,'” + age + “‘,'” + TextBox4.Text + “‘);”;
  92.             //System.Diagnostics.Debug.Write(sql);
  93.             MySqlCommand mySqlCmd = new MySqlCommand(sql, mySqlConn);
  94.             mySqlCmd.ExecuteNonQuery();
  95.             bind();
  96.             TextBox1.Text = “”;
  97.             TextBox2.Text = “”;
  98.             TextBox3.Text = “”;
  99.             TextBox4.Text = “”;
  100.         }
  101.     }
  102. }

效果,

 

这个简单地界面中实现了增(Btn_add_Click),删(GridView1_RowDeleting),编辑(GridView1_RowUpdating GridView1_RowEditing GridView1_RowCancelingEdit);其中用到了5个事件,实现了删除和编辑。这些事件只需

要在GridView(界面)中注册然后在代码里实现就可以了,GridView的强大之处还在于它能适用于各种数据库!

觉得几点重要的地方:

1. bind()方法,实现了数据与GridView的绑定,之后主要起刷新作用

2. 在Page_Load()中调用bind()方法时必须加判断if (!IsPostBack),作用是看GridView中的数据是否发生改变

3. 在web项目中输出语句得用   System.Diagnostics.Debug.WriteLine();

标签