在DataGrid里面使用CheckBox的例子

原创 2004年10月16日 11:34:00

在DataGrid使用CheckBox通常都使用客户端的控件,这样可以把值帮定到CheckBox里面,在服务器端通过string strID = Request["cbID"];获得客户端所选择的值。而且使用客户端控件的时候CheckBox的控件的id都不会被自动转变成别的ID,容易控制,方便做客户端校验。
本例子只是简单地说明了怎么帮定值到CheckBox上,和获得所选的值。

页面代码:
<%@ Page language="c#" Codebehind="CheckBoxTest.aspx.cs" AutoEventWireup="false" Inherits="WebTest.DataGridTest.CheckBoxTest" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>CheckBoxTest</title>
 </HEAD>
 <body>
  <form id="Form1" method="post" runat="server">
   <FONT face="宋体">
    <asp:DataGrid id="dtgView" runat="server" AutoGenerateColumns="False">
     <Columns>
      <asp:TemplateColumn HeaderText="id">
       <ItemTemplate>
        <INPUT type="checkbox" id=cbID name=cbID value='<%# DataBinder.Eval(Container, "DataItem.id") %>'>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:BoundColumn DataField="val" HeaderText="val"></asp:BoundColumn>
     </Columns>
    </asp:DataGrid>
    <P>&nbsp;</P>
    <P>
   </FONT>
   <asp:Button id="btnGetResult" runat="server" Text="GetResult"></asp:Button></P>
  </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 WebTest.DataGridTest
{
 /// <summary>
 /// CheckBoxTest 的摘要说明。
 /// </summary>
 public class CheckBoxTest : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DataGrid dtgView;
  protected System.Web.UI.WebControls.Button btnGetResult;
 
  DataTable dt;
  private void Page_Load(object sender, System.EventArgs e)
  {
   if(!Page.IsPostBack)
   {
    //帮定数据源
    this.GetDT();
    this.dtgView.DataSource = dt;
    dtgView.DataBind();
   }
  }

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

  }
  #endregion

  //制造一个数据源
  private void GetDT()
  {
   dt = new DataTable();
   dt.Columns.Add("id", typeof(int));
   dt.Columns.Add("val", typeof(string));
   for(int i=0; i<=20; i++)
   {
    dt.Rows.Add(new object[]{i, "val_" + i.ToString()});
   }
  }

  private void btnGetResult_Click(object sender, System.EventArgs e)
  {
   //获得CheckBox的值
   string strID = Request["cbID"];
   string [] IDs = new string[0];
   //如果用户有选择CheckBox,就分解获得的字符串,得到用户选择的ID
   if(strID != null && strID.Length > 0)
   {
    IDs = strID.Split(new char[]{','});
   }
   //获得用户选择的ID的个数
   int i = IDs.Length;
   Response.Write(String.Format("一共有{0}个ID被选:<BR>", i));
   foreach (string ID in IDs)
   {
    Response.Write(ID);
    Response.Write("<BR>");
   }
  }
 }
}

CheckBox 过滤 DataGrid 显示

        layout="vertical"        verticalAlign="middle"        backgroundColor="white">             ...
  • jamesjun
  • jamesjun
  • 2008年04月26日 19:03
  • 505

easyui datagrid 引用checkbox失效

page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>     style type="...
  • u010251897
  • u010251897
  • 2017年05月27日 15:16
  • 428

DataGrid中的CheckBox处理

INPUT onclick="SelectDel(Form1)" type="checkbox" >全选function SelectDel(form)...{        var checked ...
  • enginetanmary
  • enginetanmary
  • 2007年07月05日 14:14
  • 543

DataGrid中添加CheckBox

在DataGrid中要实现确认功能最初的设想是:在每行前面加一个CheckBox,以实现当点击CheckBox时,立即触发事件(如:on click="Chk_Click()"),获取当前行的id和C...
  • mike1983
  • mike1983
  • 2006年03月22日 10:53
  • 1441

在DataGrid里面使用CheckBox的例子

在DataGrid使用CheckBox通常都使用客户端的控件,这样可以把值帮定到CheckBox里面,在服务器端通过string strID = Request["cbID"];获得客户端所选择的值。...
  • conichiwa
  • conichiwa
  • 2004年10月16日 11:34
  • 810

WPF-DataGrid中CheckBox实现全选与非全选

  • 2014年10月27日 15:36
  • 2KB
  • 下载

在dataGrid中使用checkBox和ComboBox的用法示例

本文转载自: http://www.iteye.com/topic/374149    http://www.adobe.com/2006/mxml" layout="absolute" fon...
  • yezi1305
  • yezi1305
  • 2011年08月16日 15:14
  • 410

DataGrid分页显示复选框选中

我们都曾做过DataGrid的分页实现,使用.NET中的控件非常简单,但如果在DataGrid中添加一个模板列,内部放一个CheckBox的话, 转到下一页再转回则会发现原来选中的内容已经没有了!以...
  • Ricky_66
  • Ricky_66
  • 2010年09月28日 14:30
  • 1440

easyui datagrid editor checkbox 选中

easyui datagrid editor checkbox 选中
  • love_xiolan
  • love_xiolan
  • 2016年12月19日 12:17
  • 2880

easyui datagrid checkbox

easyui datagrid 中本身有checkbox列的属性设置,在使用中发现分页的时候这个checkbox的选择很有问题,比如在第二页点了全选,到第三页的时候,竟然也是选择状态,并且还不是所有选...
  • wyljz
  • wyljz
  • 2015年12月23日 11:11
  • 2419
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在DataGrid里面使用CheckBox的例子
举报原因:
原因补充:

(最多只允许输入30个字)