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

<! 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 >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值