DataGrid中加入CheckBox,并实现单选

原理就是用JS遍列所有CheckBox把所有CheckBox设为未被选中,然后在把单击的CheckBox设为选中

以下是.ASPX文件

<% @ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataGridCheck.WebForm1"  %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  >
< HTML >
  < HEAD >
   < title > WebForm1 </ title >
   < meta  content ="Microsoft Visual Studio .NET 7.1"  name ="GENERATOR" >
   < meta  content ="C#"  name ="CODE_LANGUAGE" >
   < meta  content ="JavaScript"  name ="vs_defaultClientScript" >
   < meta  content ="http://schemas.microsoft.com/intellisense/ie5"  name ="vs_targetSchema" >
   < SCRIPT  language ="JavaScript" >
     function SetCheckBoxState()
     {
     var dom=document.all;
     var el=event.srcElement;
        if(el.tagName=="INPUT"&&el.type.toLowerCase()=="checkbox")
     {
  for(i=0;i<dom.length;i++)
  {
      if(dom[i].tagName=="INPUT"&&dom[i].type.toLowerCase()=="checkbox")
      {
   dom[i].checked=false;
      }
  }
     }
     el.checked=!el.checked;
        }
   </ SCRIPT >
  </ HEAD >
  < body  MS_POSITIONING ="GridLayout" >
   < form  id ="Form1"  method ="post"  runat ="server" >
    < FONT  face ="宋体" >
     < asp:datagrid  id ="dg"  style ="Z-INDEX: 101; LEFT: 168px; POSITION: absolute; TOP: 40px"  runat ="server"
     Width ="440px"  AutoGenerateColumns ="False" >
      < Columns >
       < asp:TemplateColumn >
        < ItemTemplate >
         < asp:CheckBox  id ="chkExport"  runat ="server" ></ asp:CheckBox >
        </ ItemTemplate >
       </ asp:TemplateColumn >
       < asp:BoundColumn  DataField ="IntegerValue" ></ asp:BoundColumn >
       < asp:BoundColumn  DataField ="StringValue" ></ asp:BoundColumn >
       < asp:BoundColumn  DataField ="CurrencyValue" ></ asp:BoundColumn >
      </ Columns >
     </ asp:datagrid >< asp:button  id ="Button1"  style ="Z-INDEX: 102; LEFT: 168px; POSITION: absolute; TOP: 8px"  runat ="server"
     Text ="显示内容" ></ asp:button ></ FONT ></ form >
  </ body >
</ HTML >

以下是CS文件

using  System;
using  System.Collections;
using  System.ComponentModel;
using  System.Data;
using  System.Drawing;
using  System.Web;
using  System.Web.SessionState;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.HtmlControls;
namespace  DataGridCheck
{
 /**//// <summary>
 /// WebForm1 的摘要说明。
 /// </summary>
 public class WebForm1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.Button Button1;
  protected System.Web.UI.WebControls.DataGrid dg;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if (!Page.IsPostBack)
   {
    dg.DataSource= CreateDataSource() ;
    dg.DataBind();   
   }
   
   
  }
  ICollection CreateDataSource() 
  {
   DataTable dt = new DataTable();
   DataRow dr;
 
   dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
   dt.Columns.Add(new DataColumn("StringValue", typeof(string)));
   dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double)));
 
   for (int i = 0; i < 9; i++) 
   {
    dr = dt.NewRow();
 
    dr[0] = i;
    dr[1] = "Item " + i.ToString();
    dr[2] = 1.23 * (i + 1);
 
    dt.Rows.Add(dr);
   }
 
   DataView dv = new DataView(dt);
   return dv;
  }


  Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /**//// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {    
   this.dg.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.dg_ItemDataBound);
   this.Button1.Click += new System.EventHandler(this.Button1_Click);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private void Button1_Click(object sender, System.EventArgs e)
  {
    System.Web.UI.WebControls.CheckBox chkExport;
   foreach (DataGridItem dgItem in dg.Items)
   {
    chkExport=(CheckBox)dgItem.FindControl("chkExport");
    if(chkExport.Checked)
    {
      Response.Write("<script>alert('"+dgItem.Cells[2].Text+"和"+dgItem.Cells[3].Text+"')</script>");
    
    }
   }  
  }

     private void dg_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if(e.Item.ItemIndex<0)  return;
   if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
   {
     System.Web.UI.WebControls.CheckBox chkExport; 
    chkExport=(CheckBox)e.Item.FindControl("chkExport");
    chkExport.Attributes.Add("OnClick","SetCheckBoxState()");
    e.Item.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor='48d1cc'");
    e.Item.Attributes.Add("onmouseout","this.style.backgroundColor=currentcolor");
   }
  }

 

 }
}

作者Blog： http://blog.csdn.net/listhome/

转载于:https://www.cnblogs.com/leeon/archive/2004/12/10/75061.html