asp.net 中GridView控件实现全选及反选的功能

大家都知道邮箱里面有全部删除邮件的复选按钮，其实还是比较简单哈！
废话嘛！就不说那么多了，我先给大家讲哈功能的实现。
首先，拖一个GridView控件和SqlDataSource控件，配置数据源。
然后，进行GridView控件的配置，点击‘编辑模板’添加2个CheckBox控件，分别放在ItemTemplate里面和HeaderTemplate，

下面再添加 javascript脚本代码

这是GridView控件中的列

<asp:GridView ID="GridView1" runat="server"
            AutoGenerateColumns="False" BackColor="White" BorderColor="#CC9966"
            BorderStyle="None" BorderWidth="1px" CellPadding="4" Height="137px"
            PageSize="3" Width="100%" style="margin-bottom: 0px"
            onrowcommand="GridView1_RowCommand"
            onrowdatabound="GridView1_RowDataBound">
            <Columns>
                <asp:TemplateField ItemStyle-HorizontalAlign="Center">
                     <HeaderTemplate>
                        全选<br /><input type="checkbox" id="cboAll" οnclick="myclick(this)" />
                     </HeaderTemplate>
                     <ItemTemplate>
                        <input type="checkbox" id="checkUsers" οnclick="myclick1()" />

</ItemTemplate>

</Cloumns>
</asp:GridView>

好了，功能实现！点击全选，所有复选框选中，如果把所有项目的复选框选中，全选的也会自动选中，否则反之

asp.net 中GridView控件实现全选及反选的功能相关推荐

Android开发CheckBox控件，全选，反选，取消全选
在Android开发中我们经常会使用CheckBox控件,那么怎么实现CheckBox控件的全选,反选呢首先布局我们的界面: <?xml version="1.0" enc ...
C#中GridView控件的使用
C#中GridView控件的使用一.GridView和DataGrid的异同 GridView 是 DataGrid的后继控件,在 framework 2中,虽然还存在DataGrid,但是Grid ...
【ASP.NET】GRIDVIEW控件的一般使用技巧
原文地址为: [ASP.NET]GRIDVIEW控件的一般使用技巧不得不说GridView控件的功能确实很强大,一个简简单单的控件就可以把数据管理的很美.在这两天做的任务中碰到的一些GridView ...
asp.NET中 treeview 控件的使用
asp.NET中 treeview 控件的使用 treeview控件实现点击Node,弹出相应WebUserControl画面所需控件 treeview控件 WebUserControl,web用户 ...
测试ASP.NET 2.0中Gridview控件高级技巧
ASP.NET 2.0中,新增加的gridview控件的确十分强大,弥补了在asp.net 1.1中,使用datagrid控件时的不足之处.因为在asp.net 1.1中,在使用datagrid时,很 ...
WebForm中GridView控件中添加一列按钮实现跳转传参
在ToolBox中拖动GridView控件点击箭头编辑Columns 双击添加HyperLinkField 具体设置properties 还可以使用代码编写 <asp:HyperLinkFie ...
Asp.Net中验证控件简单分析
为了实现验证,.net提供了一个javascript脚本,当我们生成一个asp.net页面时,通过查看页面源代码的方式,会发现都调用了下面一个javascript文件: <script src= ...
ASP.NET WebForms GridView控件的使用
在DataList那个案例的基础上,进行GridView控件的使用浏览器中的效果图: 第一步: 新建一个窗体,拖入一个GridView控件,然后直接可以编写后端代码(右键查看代码) 代码如下: us ...
C#中 GridView控件的使用
GridView控件是一个visualStudio自带的数据控件,它可以非常快速的将数据以表格方式显示在web页面上.下面就是一个利用GridView控件进行数据绑定的小例子,内容如下: 数据来源自一 ...

asp.net 中GridView控件实现全选及反选的功能

asp.net 中GridView控件实现全选及反选的功能相关推荐

最新文章

热门文章