C# GridView的使用方法

来源：互联网发布：微信软件推广编辑：程序博客网时间：2024/04/29 05:33
<%@ Page Language="C#" AutoEventWireup="true" EnableViewState="true" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server">  // 计算数据，完全可以从数据看取得  ICollection CreateDataSource()  {    System.Data.DataTable dt = new System.Data.DataTable();    System.Data.DataRow dr;    dt.Columns.Add(new System.Data.DataColumn("序号", typeof(System.String)));    dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));    dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));    dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));    dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));    dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));    for (int i = 0; i < 8; i++)    {      System.Random rd = new System.Random(Environment.TickCount * i); ;      dr = dt.NewRow();      dr[0] = i.ToString();      dr[1] = "【孟子E章】" + i.ToString();      dr[2] = System.Math.Round(rd.NextDouble() * 100, 2);      dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);      dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);      dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);      dt.Rows.Add(dr);    }    System.Data.DataView dv = new System.Data.DataView(dt);    return dv;  }  protected void Page_Load(object sender, EventArgs e)  {    if (!IsPostBack)    {      GridView2.DataSource = GridView1.DataSource = CreateDataSource();      GridView2.DataBind();      GridView1.DataBind();    }  }  protected void Button1_Click(object sender, EventArgs e)  {    Ret1.Text = "";    foreach (GridViewRow gvr in GridView1.Rows)    {      CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");      if (ch.Checked)      {        Ret1.Text += "<li>GridView1 您选择的是（键值）：" + GridView1.DataKeys[gvr.DataItemIndex].Value.ToString();      }    }  }  protected void Button2_Click(object sender, EventArgs e)  {    Ret2.Text = "";    foreach (GridViewRow gvr in GridView2.Rows)    {      CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");      if (ch.Checked)      {        Ret2.Text += "<li>GridView2 您选择的是（键值）：" + GridView2.DataKeys[gvr.DataItemIndex].Value.ToString();      }    }  }  protected void CheckAll(object sender, EventArgs e)  {    CheckBox cbx = (CheckBox)sender;    foreach (GridViewRow gvr in GridView1.Rows)    {      CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");      ch.Checked = cbx.Checked;    }  }</script><html xmlns="http://www.w3.org/1999/xhtml"><head>  <title>GridView 实现服务器端和客户端全选的两种方法</title>  <script type="text/javascript">  //<![CDATA[      function CheckAll(oCheckbox) {          var GridView2 = document.getElementById("<%=GridView2.ClientID %>");          for (i = 1; i < GridView2.rows.length; i++) {              GridView2.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;          }      }    //]]>  </script></head><body>  <form id="Form1" runat="server">    <table style="width:800px;font-size:12px;">      <tr valign="top">        <td>          <asp:GridView ID="GridView1" runat="server" Font-Size="12px" BackColor="#FFFFFF"            GridLines="Both" CellPadding="4" DataKeyNames="序号" AutoGenerateColumns="false">            <HeaderStyle BackColor="#EDEDED" Height="26px" />            <Columns>              <asp:TemplateField>                <HeaderTemplate>                  <asp:CheckBox ID="CheckBox1" runat="server" Text="全选" AutoPostBack="true" OnCheckedChanged="CheckAll" />                </HeaderTemplate>                <ItemTemplate>                  <asp:CheckBox ID="ItemCheckBox" runat="server" />                </ItemTemplate>              </asp:TemplateField>              <asp:BoundField DataField="学生姓名" HeaderText="学生姓名" />              <asp:BoundField DataField="语文" HeaderText="语文" />              <asp:BoundField DataField="数学" HeaderText="数学" />              <asp:BoundField DataField="英语" HeaderText="英语" />              <asp:BoundField DataField="计算机" HeaderText="计算机" />            </Columns>          </asp:GridView>          <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="得到选择的行值" />        </td>        <td align="right">          <asp:GridView ID="GridView2" runat="server" Font-Size="12px" BackColor="#FFFFFF"            GridLines="Both" CellPadding="4" DataKeyNames="序号" AutoGenerateColumns="false">            <HeaderStyle BackColor="#EDEDED" Height="26px" />            <Columns>              <asp:TemplateField>                <HeaderTemplate>                  <input id="Checkbox2" type="checkbox" onclick="CheckAll(this)" runat="server" /><label>全选</label>                </HeaderTemplate>                <ItemTemplate>                  <asp:CheckBox ID="ItemCheckBox" runat="server" />                </ItemTemplate>              </asp:TemplateField>              <asp:BoundField DataField="学生姓名" HeaderText="学生姓名" />              <asp:BoundField DataField="语文" HeaderText="语文" />              <asp:BoundField DataField="数学" HeaderText="数学" />              <asp:BoundField DataField="英语" HeaderText="英语" />              <asp:BoundField DataField="计算机" HeaderText="计算机" />            </Columns>          </asp:GridView>          <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="得到选择的行值" />        </td>      </tr>      <tr valign="top">        <td>          <asp:Literal ID="Ret1" runat="server"></asp:Literal>        </td>        <td align="right">          <asp:Literal ID="Ret2" runat="server"></asp:Literal>        </td>      </tr>    </table>  </form></body></html>