• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    gridview实现服务器端和客户端全选的两种方法分享

    复制代码 代码如下:

    %@ Page Language="C#" AutoEventWireup="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] ="【孟子】"+ 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>

    您可能感兴趣的文章:
    • GridView中点击CheckBox选中一行来改变此行的颜色
    • gridview 行选添加颜色和事件
    • GridView选择性导出Excel解决方案
    • 如何将数据绑到gridview然后导成excel
    • asp.net读取excel中的数据并绑定在gridview
    • GridView生成的HTML代码示例对比
    • gridview的buttonfield获取该行的索引值(实例讲解)
    • Gridview自动排序功能的实现
    • 获取Gridview中ButtonField的text属性
    • DevExpress实现GridView当无数据行时提示消息
    上一篇:页面间隔半秒钟更新时间 Asp.net使用Comet开发http长连接示例分享
    下一篇:将文本文件的内容或者文字保存成图片的方法分享
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    gridview实现服务器端和客户端全选的两种方法分享 gridview,实现,服务器,端,