ASP.NET的Gridview控件简单使用（分页、序号、选框、全选）（附源码）

最新推荐文章于 2023-09-10 11:05:57 发布
最新推荐文章于 2023-09-10 11:05:57 发布
阅读量4.1k 收藏 10
点赞数 2
分类专栏： ASP-NET知识 文章标签： asp.net gridview 源码 分页 CheckBox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q393364227/article/details/53787910
版权

例子图

这次我们实现的功能是：全选，单选，可以提取一行的数据，分页，结合下拉列表筛选数据，显示序号。

1.全选
//全选
protected void CheckBox2_CheckedChanged1(object sender, EventArgs e)
{
for (int i = 0; i <= GridView1.Rows.Count - 1; i++)
{
CheckBox cbox = (CheckBox)GridView1.Rows[i].FindControl(“CheckBox1”);
if (CheckBox2.Checked == true)
{
cbox.Checked = true;
}
else
{
cbox.Checked = false;
}
}
}
当点击全选框的时候，其它框也会被选中
注：CheckBox的AutoPostBack属性 要 设置 为 True

2.单选提取一行中的数据
//提交按钮
protected void Button1_Click1(object sender, EventArgs e)
{
for (int i = 0; i <= GridView1.Rows.Count - 1; i++)
{
CheckBox cbox = (CheckBox)GridView1.Rows[i].FindControl(“CheckBox1”);
if (cbox.Checked == true)
{
string userid = GridView1.DataKeys[i].Value.ToString();
DB db = new DB();
string sqlstr = “select username from base_user where userid = ‘” + userid + “’ and auditcode!=’3’ and auditcode!=’0’”;
int cot = db.reDt(sqlstr).Rows.Count;
if (cot > 0)
{
string name = db.reDt(sqlstr).Rows[0][“username”].ToString();
DataInterface di = new DataInterface();
string ss = di.synResInfo(“11201”, “440000”, userid, name);
//Response.Write(ss);
string time = DateTime.Now.ToLongDateString().ToString();
string Respondlog = “log\” + time + “Respond.xml”;
}
//Response.Redirect(Respondlog);
}
}
int cp = Convert.ToInt32(DropDownList1.Text);
this.bind(cp);
}

3.显示序号

< asp:GridView ID=”GridView1” runat=”server” AutoGenerateColumns=”False” style=” width:100%;”>
< Columns>
< asp:TemplateField HeaderStyle-Width=”10%”>
< ItemTemplate>
<%# (Container.DataItemIndex + 1) + (Convert.ToInt32(this.Label6.Text) - 1) * (Convert.ToInt32(DropDownList1.Text))%>
< /ItemTemplate>
< /asp:TemplateField>
< asp:TemplateField>
< ItemTemplate>
< asp:CheckBox ID=”CheckBox1” runat=”server” />
< /ItemTemplate>
< /asp:TemplateField>
< /Columns>
< SelectedRowStyle BackColor=”#669999” Font-Bold=”True” ForeColor=”White” />
< /asp:GridView>

解释：<%# (Container.DataItemIndex + 1) + (Convert.ToInt32(this.Label6.Text) - 1) * (Convert.ToInt32(DropDownList1.Text))%>

Container.DataItemIndex + 1 ：为当页的数量
this.Label6.Text：总页数
DropDownList1.Text：每页显示数

4.前端源码

< form id="form1" runat="server" method="post" action="">
<center>
    <div id="topNav">
        <table style="width: 1000px; height: 36px; border-right-width: 2px; border-left-width: 2px;
            border-bottom-width: 2px; border-top-width: 2px; margin-bottom: 15px; margin-top: 10px;">
            <tr>
                <td style="width: 10px; padding-top: 5px;">
                </td>
                <td style="width: 100px; padding-top: 5px;">
                    <div class="button-group">
                        <asp:Button ID="Button1" class="button bg-main" runat="server" Text="提交上报" OnClick="Button1_Click1" />
                    </div>
                </td>
                <td>
                <div class="button-group">
                        <asp:Button ID="Button2" class="button bg-main" runat="server" Text="退回信息" OnClick="Button2_Click1" />
                    </div>
                </td>
                <td>
                    <asp:CheckBox ID="CheckBox2" runat="server" Font-Size="9pt" Text="全选" AutoPostBack="True"
                        OnCheckedChanged="CheckBox2_CheckedChanged1" />&nbsp;&nbsp;&nbsp;&nbsp;学员信息状态：<asp:DropDownList
                            ID="sh_status" runat="server" AutoPostBack="True" OnSelectedIndexChanged="sh_status_SelectedIndexChanged">
                            <asp:ListItem Value="1">全部</asp:ListItem>
                            <asp:ListItem Value="2">等待上报</asp:ListItem>
                            <asp:ListItem Value="3">成功上报</asp:ListItem>
                            <asp:ListItem Value="4">上报失败</asp:ListItem>
                            <asp:ListItem Value="5">学员修改</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                <td style="width: 350px; padding-top: 5px;">
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" style=" width:100%;">
        <Columns>
            <asp:TemplateField HeaderStyle-Width="10%">
                <ItemTemplate>
                    <%# (Container.DataItemIndex + 1) + (Convert.ToInt32(this.Label6.Text) - 1) * (Convert.ToInt32(DropDownList1.Text))%>
                </ItemTemplate>
                <HeaderStyle Width="50px" Height="20px" HorizontalAlign="Center" 
                    VerticalAlign="Middle"></HeaderStyle>
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:CheckBox ID="CheckBox1" runat="server" />
                </ItemTemplate>
                <HeaderStyle Width="50px" />
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:TemplateField>
            <asp:BoundField DataField="username" HeaderText="姓名">
                <HeaderStyle Width="100px" Height="20px" HorizontalAlign="Center" 
                VerticalAlign="Middle" />
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:BoundField>
            <asp:BoundField DataField="userid" HeaderText="身份证件号">
                <FooterStyle Width="200px" />
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:BoundField>
            <asp:BoundField DataField="auditcode" HeaderText="学员信息状态">
                <HeaderStyle Width="150px" HorizontalAlign="Center" 
                VerticalAlign="Middle" />
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:BoundField>
            <asp:BoundField DataField="reported_status" HeaderText="备注">
                <HeaderStyle Width="350px" HorizontalAlign="Center" 
                VerticalAlign="Middle" />
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:BoundField>
        </Columns>
        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
    </asp:GridView>
    <div id="bottomNav">
        <table style="width: 1000px; height: 36px; border-right-width: 2px; border-left-width: 2px;
            border-bottom-width: 2px; border-top-width: 2px; margin-bottom: 0px; margin-top: 15px;">
            <tr>
                <td style="width: 400px; padding-top: 5px;">
                    &nbsp;&nbsp;&nbsp;&nbsp;<asp:LinkButton ID="lnkbtnOne" runat="server" OnClick="lnkbtnOne_Click">首页</asp:LinkButton>&nbsp;&nbsp;
                    <asp:LinkButton ID="lnkbtnUp" runat="server" OnClick="lnkbtnUp_Click">上一页</asp:LinkButton>&nbsp;&nbsp;
                    第<asp:Label ID="Label6" runat="server" Text="1"></asp:Label>页&nbsp;&nbsp;共<asp:Label
                        ID="Label7" runat="server" Text="1"></asp:Label>页&nbsp;&nbsp;
                    <asp:LinkButton ID="lnkbtnNext" runat="server" OnClick="lnkbtnNext_Click">下一页</asp:LinkButton>&nbsp;&nbsp;
                    <asp:LinkButton ID="lnkbtnBack" runat="server" OnClick="lnkbtnBack_Click">尾页</asp:LinkButton>
                </td>
                <td style="width: 400px; padding-top: 5px;">
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    共<asp:Label ID="Lall" runat="server" Text=""></asp:Label>条， 每页<asp:DropDownList ID="DropDownList1"
                        runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" Width="50px"
                        AutoPostBack="True">
                        <asp:ListItem Value="50">50</asp:ListItem>
                        <asp:ListItem Value="100">100</asp:ListItem>
                        <asp:ListItem Value="200">200</asp:ListItem>
                        <asp:ListItem Value="300">300</asp:ListItem>
                        <asp:ListItem Value="500">500</asp:ListItem>
                        <asp:ListItem Value="1000">1000</asp:ListItem>
                    </asp:DropDownList>
                    条
                </td>
            </tr>
        </table>
    </div>
</center>
<br>
<br>
</form>

注：这里只贴出from里面的代码

5.后台cs文件源码

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    { bind(Convert.ToInt32(DropDownList1.Text)); }
}

public void bind(int cp)
{

    //上报状态
    string auditcode = sh_status.Text;
    string ac = "";
    if (auditcode.Equals("1"))
    {
        ac = "auditcode != '0' and auditcode!='1' or dateupload='2'";
    }
    else if (auditcode.Equals("2"))
    {
        ac = "auditcode = '2'";
    }
    else if (auditcode.Equals("3"))
    {
        ac = "auditcode = '3'";
    }
    else if (auditcode.Equals("4"))
    {
        ac = "auditcode = '4'";
    }
    else if (auditcode.Equals("5"))
    {
        ac = "auditcode!='4' and dateupload='2'";
    }

    SqlConnection con = new SqlConnection("Data Source=127.0.0.1;Initial Catalog=guipei;Persist Security Info=True;User ID=zh;Password=sa");
    SqlDataAdapter da = new SqlDataAdapter("select username,userid,reported_status,(case auditcode when '2' then '等待上报' when '3' then '成功上报' when '4' then '上报失败！' when '0' then '学员修改中' when '1' then '学员修改中' end) as auditcode from base_user where " + ac, con);
    DataSet ds = new DataSet();
    da.Fill(ds, "base_user");
    /*PagedDataSource ps = new PagedDataSource();
    ps.DataSource = ds.Tables["base_user"].DefaultView;
    ps.AllowPaging = true;
    ps.PageSize = 2;
    ps.CurrentPageIndex = 0;*/

    /*this.DataList1.DataSource = ps;
    this.DataList1.DataKeyField = "SID";
    this.DataList1.DataBind();*/

    /*DataList1.DataSource =  ps;
     DataList1.DataKeyField = "userid";
     DataList1.DataBind();*/



    int curpage = Convert.ToInt32(this.Label6.Text);
    PagedDataSource ps = new PagedDataSource();
    ps.DataSource = ds.Tables["base_user"].DefaultView;
    int all = ps.Count;
    Lall.Text = all.ToString();
    ps.AllowPaging = true; //是否可以分页 
    ps.PageSize = cp; //显示的数量 
    ps.CurrentPageIndex = curpage - 1; //取得当前页的页码 
    this.lnkbtnUp.Enabled = true;
    this.lnkbtnNext.Enabled = true;
    this.lnkbtnBack.Enabled = true;
    this.lnkbtnOne.Enabled = true;
    if (curpage == 1)
    {
        this.lnkbtnOne.Enabled = false;//不显示第一页按钮 
        this.lnkbtnUp.Enabled = false;//不显示上一页按钮 
    }
    if (curpage == ps.PageCount)
    {
        this.lnkbtnNext.Enabled = false;//不显示下一页 
        this.lnkbtnBack.Enabled = false;//不显示最后一页 
    }
    this.Label7.Text = Convert.ToString(ps.PageCount);
    this.GridView1.DataSource = ps;
    this.GridView1.DataKeyNames = new string[] { "userid" };//.DataKeyField = "userid";
    this.GridView1.DataBind();


}
protected void lnkbtnOne_Click(object sender, EventArgs e)
{
    this.Label6.Text = "1";
    this.bind(Convert.ToInt32(DropDownList1.Text));
}
protected void lnkbtnUp_Click(object sender, EventArgs e)
{
    this.Label6.Text = Convert.ToString(Convert.ToInt32(this.Label6.Text) - 1);
    this.bind(Convert.ToInt32(DropDownList1.Text));
}
protected void lnkbtnNext_Click(object sender, EventArgs e)
{
    this.Label6.Text = Convert.ToString(Convert.ToInt32(this.Label6.Text) + 1);
    this.bind(Convert.ToInt32(DropDownList1.Text));
}
protected void lnkbtnBack_Click(object sender, EventArgs e)
{
    this.Label6.Text = this.Label7.Text;
    this.bind(Convert.ToInt32(DropDownList1.Text));
}
//分页结束


//每页显示多少条
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
    Label6.Text = "1";
    int cp = Convert.ToInt32(DropDownList1.Text);
    this.bind(cp);
}
//选择显示的提交状态
protected void sh_status_SelectedIndexChanged(object sender, EventArgs e)
{
    Label6.Text = "1";
    int cp = Convert.ToInt32(DropDownList1.Text);
    this.bind(cp);
}

注：这里不再贴出上述的源码

Xcan
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET GridView自定义控件源码及演示
03-16
摘要:.NET源码,控件组件,GridView控件　　 GridView自定义控件源码及演示，本控件支持自定义页码显示，排序导出Excel等，用到自带的Sqldatasource控件，VS2008+Sql2005开发环境。 　　本源码出自51aspx
GridView和下拉菜单DropDownList结合
泪光无悔
04-13 746
后台代码： using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls;
GridView多表头固定+分组+总计
weixin_34337265的博客
07-21 165
为什么80%的码农都做不了架构师？>>> ...
ASP.NET学习笔记[12] - Gridview里的下拉框筛选效果
天堂向左
11-23 9974
一、前言很多第三方插件实现了这个功能，但不是我想要的那种像Excel表头一点就展开筛选面板的效果（很多用的是文本框输入filter查询条件），干脆自己动手丰衣足食吧。当初觉得太复杂，拖了很久，直到真的实现了，回头看看挺不可思议的。二、概述ASP.NET页面上我们显示数据表格一般用GridView控件，有时GridView数据行数很多，我想用一个类似Excel里的筛选功能来检索数据，如下图：下图是我实
ASP.net web应用 GridView控件常用方法
最新发布
2203_75593971的博客
09-10 2006
上一步我们给GridView绑定了数据，但是他会把所有的数据全部显示出来，如果我们表中有部分信息不想显示出来怎么办？这个关键属性为 AutoGenerateColumns可设置值为bool类型 AutoGenerateColumns="false" 时会关闭自动加载全部列接下来的每列数据显示就需要我们在前台手动添加
ASP.NET WEB 数据控件GridView
ba_wang_mao的专栏
06-23 1345
https://www.cnblogs.com/HuiTai/p/huitai_Net9.html https://www.cnblogs.com/HuiTai/p/huitai_Net9.html
Asp.net中GridView使用详解(引)
热门推荐
语帆的专栏
01-31 3万+
GridView无代码分页排序 GridView选中，编辑，取消，删除 GridView正反双向排序 GridView和下拉菜单DropDownList结合 GridView和CheckBox结合 鼠标移到GridView某一行时改变该行的背景色方法一 鼠标移到GridView某一行时改变该行的背景色方法二 GridView实现删除时弹出确认对话框 GridView实现自动编号
Asp.Net GridView基本使用
weixin_45029031的博客
08-09 1304
Asp.Net GridView基本使用开发背景基本数据绑定自定义列数据绑定编辑模板更新取消编辑删除自定义编辑模板获取单元格中的控件总结 开发背景 最近在独立开发一款OA管理系统，使用的技术是Asp.Net，其中使用到了GridView，分享一下它的使用 基本数据绑定 可以双击控件在光标所在处创建控件，也可以拖拽创建 准备一组数据 protected void Bind() { GridView1.DataSource = new BindingList<User>(Users);
delphi 控件前有加号可以展开_设计筛选/排序控件，看看别人家产品怎么做
weixin_39952800的博客
11-29 129
最近做的一个项目中涉及两种筛选维度的组合筛选，难点是：其中一种维度是高频切换的，另一种维度是低频切换的，做成两个tab行或者平行的两个下拉菜单都不太合适。于是梳理了一下竞品都是怎么设计筛选/排序控件的，帮助大家在使用筛选/排序时选择更适合自己的场景。一、什么时候需要筛选/排序控件筛选的作用是缩小展示范围，排序的作用是更改展示顺序。这两个控件本质上是为了帮助用户更快速地找到自己想要的信息。(1)筛选...
asp.net GridView控件中实现全选的解决方案
01-20
第一种：利用客户端控件实现 JS: 代码如下: [removed] function checkAll() { var checklist=document.getElementsByTagName(“input”);... } } } [removed] GridView控件： 代码如下: <asp:Grid
Asp.net GridView使用大全(分页实现)
10-27
关于GridView的使用涉及很多，网络上零零散散的有一些，为了让自己使用方便，也为了大家能很好的学习与工作，我把网络上的GridView使用方法收集了一些
asp.net GridView控件中模板列CheckBox全选、反选、取消
01-01
代码如下:using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI;...
异步GridView(ASPxGridView) 特点介绍(2) - 筛选(Filter)、弹出编辑(Editing)
weixin_33857679的博客
06-27 153
    这里补充一下 Devexpress 控件的引用方式：先下载安装程序、安装，然后拖动出现在工具栏的相应控件进行引用 —— 非常简单。不过朋友们在学习的过程中记得给那些非免费的产品装上破解补丁（对应您下载的版本，google一下相应补丁）等。     1，筛选         只要设置 &lt;Settings ShowFilterRow="True" /&gt; 便可以使得控件带有筛...
ASP.net GridView控件(编辑功能下拉列表填充数据)
WzhCsdnd的博客
07-15 318
【代码】ASP.net GridView控件(编辑功能下拉列表填充数据)
ASP.NET做一个下拉式表格选择
12-10 2467
1/定义一个DIV 代码:    id="divParent" style="overflow: auto; position: absolute"> 2/再定义一个DIV 和一个GridView ,此时这个DIV的CSS属性设置了display: none  代码: style="display: none">                         ID="grdC
.Net 表+下拉框（筛选）+删除+修改
innocent_Pr的博客
02-27 273
【代码】.Net Table表+下拉框（筛选）+删除+修改。
Asp.net中文本框全选
李晓洁 廊坊师范学院信息技术提高班 12期
04-20 959
1.在html页面中天机textBox控件 2.在窗体加载事件中添加代码 txtSupplier.Attributes.Add("onfocus", "this.Focus()");     这样就很简单的实现了当鼠标滑过文本框时全选的效果。
在ASP.NET中上传图片并生成缩略图的C#源码
liaoxiaopeng的专栏
09-29 518
在ASP.NET中上传图片并生成缩略图的C#源码　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;   
C#三层架构的UserManager类（注册登录使用）
My设计Road
12-21 5474
1.结合UserService类使用 2.三层架构使用详细说明直接上源码using System; using System.Collections.Generic; using System.Linq; using System.Web;/// ///UserManager 的摘要说明 /// public class UserManager { public Use
asp.net中gridview控件怎么使用
06-09
在 ASP.NET 中，GridView 控件是用于显示数据的常用控件之一。下面是一个简单的演示如何使用 GridView 控件来绑定数据源并显示数据的示例： 1.首先，在 ASP.NET 页面上添加一个 GridView 控件，并设置其属性和样式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值