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>

赞 (0)

相关推荐

  • GridView生成的HTML代码示例对比

    复制代码 代码如下: <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="tablecss"> <Columns> <asp:TemplateField HeaderText="编号" HeaderStyle-CssClass="aaa" Item

  • Gridview自动排序功能的实现

    注意两点:1.要将gridview的AllowSorting属性置为true,同时设置OnSorting事件 2.在OnSorting事件中对排序的列设定SortExpression属性 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e)        {            if (!Page.IsPostBack)            {                if (Session["Admin&quo

  • 获取Gridview中ButtonField的text属性

    <asp:BoundField>用cell[2].text取到值.但<asp:HyperLinkField>和<asp:ButtonField>通过cell[0].Text和cell[13].Text取的值都是"".应如何取到值呢? 首先将ButtonField按钮的连接改为Button模式,然后就可以通过以下语句得到text值Response.Write(((HyperLink)e.Row.Cells[0].Controls[0]).Text);

  • GridView中点击CheckBox选中一行来改变此行的颜色

    前台: 复制代码 代码如下: <asp:TemplateField HeaderText="选择"> <ItemStyle HorizontalAlign="Center"/> //居中显示 <ItemTemplate> <asp:CheckBox ID="ckbSelect" runat="server" AutoPostBack="true" onchecked

  • GridView选择性导出Excel解决方案

    一.需求分析 首先根据用户需求,可以进行选择性导出,之前已经做了全部导出,这次新需求又来了,不过仔细想想也对,全部导出几万条数据,意义并不大,而可选择性的导出用户需要的数据才是用户需要的.有需求就有解决方法. 任何问题的解决方法都不止一个,GridView的选择性导出也一样,首先GridView绑定的是数据库的表数据,选择导出,我们也可以从数据中查询需要的数据,可以直接从前台GridView表中取得数据,问题来了,怎么判断选中了,怎么后去选中的那条信息的主键(或者获得整条信息)两个方向,到底哪个

  • gridview的buttonfield获取该行的索引值(实例讲解)

    1.选择gridview控件,创建按纽列buttonfield,将此按纽列的CommandName 设置为Details  //本例是为了想要查看改行的详细信息 2.GridView1的属性: OnRowCommand= "btnOpenClick"  DataKeyNames="p_num"  //绑定行方法,p_num是绑定的数据库中的主键字段 3.双击 OnRowCommand 属性产生: 复制代码 代码如下: protected void btnOpenCl

  • gridview 行选添加颜色和事件

    在gridview 列表中,需要添加如下效果,如果经过时变色,移开时还原成以前的颜色,行选中时通过加深色,从而知道选中了哪行,特别是列表数据比较多的时候,标志很重要,同时触发选中行事件,那么如何 行选中加颜色,同时也出发我们事件了?如果我们通入 e.Row.Attributes.Add("onclick", 绑定两次,发现只能触发其中的一个,其实可以把另个放到一个里面 下面是具体的例子: 复制代码 代码如下: protected void EditGridview_RowDataBou

  • asp.net读取excel中的数据并绑定在gridview

    前台label,DropDownList,gridview控件 aspx.cs核心代码: 复制代码 代码如下: using System.Data.OleDb;//需要引入命名 public void Excel_Click(object sender, EventArgs e) { if (this.AttachmentFile.Value == "" && this.Label1.Text == "" && DropDownLis

  • DevExpress实现GridView当无数据行时提示消息

    DevExpress实现GridView当无数据行时提示消息

    本文实例展示了DevExpress实现GridView当无数据行时提示消息的方法,具体步骤如下: 主要功能代码部分如下: /// <summary> /// 设置当没有数据行的提示信息『CustomDrawEmptyForeground』 /// </summary> /// <param name="gridView">GridView</param> /// <param name="e">Custom

  • 如何将数据绑到gridview然后导成excel

    复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data .SqlClient ; using System.Data ; public partial class _Default : System.Web.UI.Pag

随机推荐