DataGrid中内嵌CheckBox的全选的服务器端实现!

原创 2004年08月18日 17:17:00

          今天看了一篇类似的文章,实现DataGrid内的CheckBox的客户端实现,于是想用服务器端代码实现,于是就开始尝试!

        aspx  代码如下

            <asp:datagrid id="dgdScoreshow" style="Z-INDEX: 101; LEFT: 120px; POSITION: absolute; TOP: 40px"
     runat="server" Height="179px" Width="536px">
     <Columns>
      <asp:TemplateColumn>
       <HeaderTemplate>
        <asp:CheckBox ID="chkAll" Runat="server" AutoPostBack="True" OnCheckedChanged="checkchange"></asp:CheckBox>
       </HeaderTemplate>
       <ItemTemplate>
        <asp:CheckBox ID="chkchoose" Runat="server"></asp:CheckBox>
       </ItemTemplate>
      </asp:TemplateColumn>
     </Columns>
    </asp:datagrid>

 请注意这部分代码:
 <asp:CheckBox ID="chkAll" Runat="server" AutoPostBack="True" OnCheckedChanged="checkchange"></asp:CheckBox>
在里添加一个CheckBox,这样就可以实现在Header部分显示一个复选框,还要注意AutoPostBack=True,否则无非实现。

后台代码里写一个public函数,注意要有相关的参数。

提取演示数据部分,注意Not IsPostBack

  Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

        '在此处放置初始化页的用户代码
        If Not IsPostBack Then
            Dim cnn As New SqlConnection("data source=localhost;initial catalog=model;integrated security=sspi")
        Dim cmd As New SqlCommand("select * from sysusers", cnn)
        Dim adapter As New SqlDataAdapter(cmd)
        Dim dst As New DataSet

        Try
            adapter.Fill(dst)
            dgdScoreshow.DataSource = dst.Tables(0).DefaultView
            dgdScoreshow.DataBind()
        Catch ex As Exception
            Response.Write(ex.Message)
            End Try
        End If
    End Sub

自定义函数部分

 Public Sub checkchange(ByVal sender As System.Object, ByVal e As System.EventArgs)
        Dim item As DataGridItem
        For Each item In dgdScoreshow.Items
            Dim chk As CheckBox
            chk = item.FindControl("chkchoose")
            If CType(sender, CheckBox).Checked Then
                chk.Checked = True
            Else
                chk.Checked = False
            End If
        Next
    End Sub

到次为止就可以实现服务器端代码控制 DataGrid中CheckBox的全选了。

WPF中DataGrid 添加checkbox实现全选、多选

在机房合作项目中,有一个窗体是这样子的               简单介绍一下:就是通过查询出正在上机的学生,可以通过勾选前面的checkbox,选中该行,然后可以进行部分下机和全部下机。如...
  • kwy15732621629
  • kwy15732621629
  • 2016年07月26日 14:41
  • 6746

WPF DataGrid表头Checkbox 全选与全反选

WPF 在使用DataGrid展示数据的时候经常会使用到checkbox列,特别是id列     例如下面这种效果:          WPF 要实现DataGrid checkbox全选与全反选,方...
  • aojiancc2
  • aojiancc2
  • 2017年02月09日 16:12
  • 2609

EasyUI入门2 datagrid复选框全选效果(通过约束条件实现部分项参与的全选效果)

datagrid如果有一些项因为约束条件(比如这一项需要显示出来,但是复选框是disable的),那么在点击全选或全否复选框的时候,这些状态是disable的行是不应该被选中的...
  • xiangcns
  • xiangcns
  • 2017年06月26日 08:40
  • 1833

flex datagrid 嵌checkbox实现全选与数据存储(非绑定数据源)

重写了DataGrid,主要是为了得到DataGrid的listItems属性,listItems保存了当前现显示的每一行的信息,还用了个ArrayCollection保存被选中了行的信息。 MyD...
  • hongtashan11
  • hongtashan11
  • 2011年11月14日 11:30
  • 605

Flex中DataGrid实现列(包括头部)中加入CheckBox全选功能

CheckBoxHeaderRenderer.as view plain package    {              import flash.events.Event;     ...
  • hanxiaoyu1988
  • hanxiaoyu1988
  • 2013年03月12日 11:39
  • 679

在Flex中简单实现 dataGrid结合CheckBox使项目可选、全选、反选

对用户来讲,软件的功能性之外还要求其易用习惯性。非专业用户习惯了用鼠标点而不大适应键盘+鼠标。Flex的DataGrid虽然可以允许用户多选项目,但是这个多选需要结合Ctrl或Shift键来完成。而我...
  • dongzi87
  • dongzi87
  • 2011年11月08日 00:24
  • 4221

WPF中DataGrid 添加checkbox实现全选、多选

在机房合作项目中,有一个窗体是这样子的               简单介绍一下:就是通过查询出正在上机的学生,可以通过勾选前面的checkbox,选中该行,然后可以进行部分下机和全部下机。如...
  • kwy15732621629
  • kwy15732621629
  • 2016年07月26日 14:41
  • 6746

实现当TreeView中父节点的CheckBox的点选状态改变时,回发服务器端,并且选中父节点,所有子节点全选中

实现当TreeView中父节点的CheckBox的点选状态改变时,回发服务器端,并且选中父节点,所有子节点全选中...
  • luolian123456
  • luolian123456
  • 2015年01月14日 18:48
  • 427

WPF在dataGrid中添加CheckBox支持单选,多选,全选功能

  • 2017年09月05日 13:55
  • 11KB
  • 下载

Flex DataGrid中嵌套Checkbox实现全选 另分享一个checkbox居中,圆形布局代码

这个页面的最终效果如果所示:         当CheckBox没有被选中时第二列不能被编辑,第三列可以被编辑。         当CheckBox被选中时,第二列可以被编辑,第三列不能被编辑。 ...
  • yeohcooller
  • yeohcooller
  • 2011年09月22日 13:10
  • 8875
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid中内嵌CheckBox的全选的服务器端实现!
举报原因:
原因补充:

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