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>

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>

<asp:datagrid id="dg" style="Z-INDEX: 101; LEFT: 168px; POSITION: absolute; TOP: 40px" runat="server"

Width="440px" AutoGenerateColumns="False">

<asp:TemplateColumn>

<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

DataGrid中加入CheckBox,并实现单选相关推荐

DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog
原理就是用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时,该行颜色 ...
用js 判断datagrid 中的 checkbox 是否被选中
private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 ...
php 单选框选中事件,html中的checkbox和radio事件选择用法详解
radio注册了click事件以后,神奇的是用键盘上的上下左右选择时,居然会触发鼠标事件,滚轮也会触发,这种神奇的事情在mousedown下面是不会发生的.(webkit不能使用上下左右选择) che ...
代码分析－DataGrid实现自增列、单选、多选
上一次,我们为这个DataGrid实现了添加.删除.修改.分页.动态修改内容等功能,今天再来分析一下如何为之添加自增列.单选.多选的功能. 首先看一下需要在上次的基础上增加的代码: (1)实现自增列 ...
在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不允许DEFERREFRESH
在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不允许DEFERREFRESH 原文在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不 ...
在DataGrid中合并单元格行
最近在做项目的时候经常遇到要合并单元格的情况,发现这个东西.net中并没有现成的方法,研究了一下,总结了两种方法. 这个主要都是行合并的,有以下两种情况 1.多行合并为一行,其中将某个或某几个单元格的 ...
在DataGrid中选择,确认,删除多行复选框列表
在DataGrid中选择,确认,删除多行复选框列表 Selecting, Confirming & Deleting Multiple Checkbox Items In A DataGrid ...

DataGrid中加入CheckBox,并实现单选

DataGrid中加入CheckBox,并实现单选相关推荐

最新文章

热门文章