GridView 实现服务器端和客户端全选的两种方法

 

GridView 实现服务器端和客户端全选的两种方法

作者:孟宪会 出自:【孟宪会之精彩世界】 发布日期: 2006 10 25 214156

C#

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W 3C //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 runat="server">

    <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">

    <div>

    <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>

    </div>

    </form>

</body>

</html>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值