DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog

原理就是用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;
  }

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

DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog相关推荐

DataGrid中加入CheckBox,并实现单选
原理就是用JS遍列所有CheckBox把所有CheckBox设为未被选中,然后在把单击的CheckBox设为选中以下是.ASPX文件 <%@ Page language="c#&qu ...
选择DataGrid中的CheckBox控件后该行背景变色
在网络开发中,经常遇到需要使用ASP.NET与JavaScript联合进行控制的情况.在本篇中,将使用DataGrid进行数据绑定,使用Javascript控制当选中其中的checkbox时,该行颜色 ...
ASP.NET与JavaScript联合操作之一选择DataGrid中的CheckBox控件后该行背景变色
在网络开发中,经常遇到需要使用ASP.NET与JavaScript联合进行控制的情况.在本篇中,将使用DataGrid进行数据绑定,使用Javascript控制当选中其中的checkbox时,该行颜色 ...
php 单选框选中事件,html中的checkbox和radio事件选择用法详解
radio注册了click事件以后,神奇的是用键盘上的上下左右选择时,居然会触发鼠标事件,滚轮也会触发,这种神奇的事情在mousedown下面是不会发生的.(webkit不能使用上下左右选择) che ...
用js 判断datagrid 中的 checkbox 是否被选中
private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 ...
在DataGrid中选择,确认,删除多行复选框列表
在DataGrid中选择,确认,删除多行复选框列表 Selecting, Confirming & Deleting Multiple Checkbox Items In A DataGrid ...
DataGrid中选择列文本根据绑定数据不同显示为不同颜色的处理办法
目前在维护一个Web应用,用户提出一些对我来说要求比较高的需求,摸索了一下,终于解决了.和大家分享一下: 问题:一般DataGrid中会有部分选择列,例如: <a ...
代码分析－DataGrid实现自增列、单选、多选
上一次,我们为这个DataGrid实现了添加.删除.修改.分页.动态修改内容等功能,今天再来分析一下如何为之添加自增列.单选.多选的功能. 首先看一下需要在上次的基础上增加的代码: (1)实现自增列 ...
java判断单选按钮_java中如何判断是哪个单选框被选中了?
java中如何判断是哪个单选框被选中了? 來源:互聯網 2010-08-12 22:14:48 評論分類: 電腦/網絡 >> 程序設計 >> 其他編程語言問題描述: 我 ...

DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog

DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog相关推荐

最新文章

热门文章

DataGrid中加入CheckBox,并实现单选 选择自 listhome 的 Blog

DataGrid中加入CheckBox,并实现单选 选择自 listhome 的 Blog相关推荐

最新文章

热门文章

DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog

DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog相关推荐