GridView 功能的实现

于 2021-10-23 21:50:20 发布
阅读量174 收藏 2
点赞数
文章标签： c# gridview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qimengyouyuan/article/details/120926871
版权

GridView 功能的实现

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="员工基本信息.aspx.cs" Inherits="WebApplication1.员工基本信息" EnableEventValidation="false" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        GridView1 {
            margin: 10%;
        }

        body {
            background-color: #E7E7FF;
        }

        #TextBox1{
             width: 300px;
            box-sizing: border-box;
            border: 2px solid cornflowerblue;
            border-radius:8px;
            font-size: 16px;
            background-color:white;
            background-image: url('https://static.runoob.com/images/mix/searchicon.png');
            background-position: 10px 10px;
            background-repeat: no-repeat;
            padding: 12px 20px 12px 40px;
        }
       
        
     

        input[type=button], input[type=submit], input[type=reset] {
            background-color:cornflowerblue;
            border: none;
            border-radius:8px;
            color: white;
            padding: 8px 16px;
            text-decoration: none;
            margin: 4px 2px;
            cursor: pointer;
        }

       .view
       {
          width:100%; margin:0 auto;
       }

    </style>

</head>
<body>
    <form id="form1" runat="server">

        <div style="text-align: center">
            <br />
            <br />

            <asp:TextBox ID="TextBox1" runat="server" placeholder="搜索ID..." BorderStyle="Solid"></asp:TextBox>
            <br />
            <br />

           

            <asp:Button ID="Button1" runat="server" Text="搜索" OnClick="Button1_Click" />
            &nbsp;&nbsp;
            <asp:Button ID="Button2" runat="server" Text="重置" OnClick="Button2_Click" />

        </div>
        <br />




        <div class="view">                         
            <span style="color: rgb(51, 51, 51);  font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">
            <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" style="text-align: center" AllowPaging="True" Font-Names="Arial" Font-Size="Medium" HorizontalAlign="Center" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing" EnableModelValidation="False" OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowUpdating="GridView1_RowUpdating" DataKeyNames="ID" GridLines="None" Height="460px" Width="80%" EnablePersistedSelection="True" OnPageIndexChanging="GridView1_PageIndexChanging" OnSorting="GridView1_Sorting" >
                <AlternatingRowStyle BackColor="White" Font-Size="Medium" Width="300px" />
                
                <EditRowStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="80%" />
                <EmptyDataRowStyle Width="80%" />
                
                <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                <PagerSettings FirstPageText="" LastPageText="" NextPageText="" />
                <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" Height="20px" Width="80%" />
                <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" Width="80%" />
                <SortedAscendingCellStyle BackColor="#FDF5AC" />
                <SortedAscendingHeaderStyle BackColor="#4D0000" />
                <SortedDescendingCellStyle BackColor="#FCF6C0" />
                
                <SortedDescendingHeaderStyle BackColor="#820000" />
                      
                


                 <Columns>
                   
                    <asp:TemplateField>
                       
                        <ItemTemplate>
                            <asp:CheckBox ID="CheckBox1" runat="server" />
                        </ItemTemplate>
                       
                    </asp:TemplateField>
                   
                    <asp:CommandField ButtonType="Image" CancelImageUrl="~/images/cancel.ico" DeleteImageUrl="~/images/delete.ico" EditImageUrl="~/images/edit.ico" ShowDeleteButton="True" ShowEditButton="True" UpdateImageUrl="~/images/refresh.ico" />
                </Columns>     
              





                 <PagerTemplate>
                  当前第:
                        
                 <asp:Label ID="LabelCurrentPage" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageIndex + 1 %>"></asp:Label>

                  页/共:
                                    
                 <asp:Label ID="LabelPageCount" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageCount %>"></asp:Label>

                  页
                                    
                 <asp:LinkButton ID="LinkButtonFirstPage" runat="server" CommandArgument="First" CommandName="Page" Visible='<%#((GridView)Container.NamingContainer).PageIndex != 0 %>'>首页</asp:LinkButton>

                 <asp:LinkButton ID="LinkButtonPreviousPage" runat="server" CommandArgument="Prev" CommandName="Page" Visible='<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>'>上一页</asp:LinkButton>
                                   
                 <asp:LinkButton ID="LinkButtonNextPage" runat="server" CommandArgument="Next" CommandName="Page" Visible='<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>'>下一页</asp:LinkButton>

                 <asp:LinkButton ID="LinkButtonLastPage" runat="server" CommandArgument="Last" CommandName="Page" Visible='<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>'>尾页</asp:LinkButton>

                   转到第
                 <asp:TextBox ID="txtNewPageIndex" runat="server" Width="20px" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>' />页
                                 
                 <asp:LinkButton ID="btnGo" runat="server" CausesValidation="False" CommandArgument="-2" CommandName="Page" Text="GO" />


                </PagerTemplate>



            </asp:GridView>               
            </span>        
        </div>
    </form>
</body>
</html>

后台代码实现

using System;
using System.Data;
using System.Data.SqlClient;
using System.Web.UI.WebControls;
using System.Windows;
using System.Windows.Forms;
using MessageBox = System.Windows.Forms.MessageBox;

namespace WebApplication1
{

    public partial class 员工基本信息 : System.Web.UI.Page
    {
        private readonly string sql = "select * from 员工信息";
        private readonly string Constr = "server=.;initial catalog=公司人事管理系统;integrated security=true;";

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                
                Show(sql);
            }

        }


        /*1、与数据库建立连接，执行sql，获取数据；
         
          2、用SqlDataAdapter和DataSet连用，用SqlDataAdapter来获得数据库中的数据，填充至DataSet中。

         首先，为了从SQL数据库执行select查询,通过连接字符串建立一个连接到数据库的SqlConnection对象,
         然后构造一个包含查询语句的SqlDataAdapter对象。为了用查询的返回结果填充到DataSet 对象，
         需要调用SqlDataAdapter的Fill方法。
 */
        //展示
        private void Show(string sql)                              //定义方法显示
        {

            SqlConnection conn = new SqlConnection(Constr);        //创建数据库连接实例
            try
            {
                conn.Open();                                       //打开数据库连接
                DataSet ds = new DataSet();                        //声明并初始化
                SqlDataAdapter da = new SqlDataAdapter(sql, conn); //与数据库建立连接，执行sql，获取数据；
                da.Fill(ds, "message");                            //填充到ds，message表中
                GridView1.DataSource = ds.Tables["message"];       //获得数据源
                GridView1.DataBind();                              //绑定到GridView1控件
            }
            catch (Exception error)
            {
                MessageBox.Show(error.ToString());                 //显示出错信息
            }
            finally
            {
                conn.Close();                                       //关闭数据库连接
            }

        }

        //搜索
        protected void Search()
        {
            if (TextBox1.Text.ToString().Trim() != null)
            {
                string id = TextBox1.Text.ToString().Trim();
                string sql = "select * from 员工信息 where ID like '%" + id + "%';";
                Show(sql);

            }
            else
            {
                Response.Write(@"<script>alert('请输入内容！');</script>");
            }
        }

        //删除
        protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            SqlConnection conn = new SqlConnection(Constr);
            try
            {
                DialogResult dr = MessageBox.Show("是否删除", "删除提示", MessageBoxButtons.YesNo, MessageBoxIcon.Information);
                if (dr == DialogResult.Yes)
                {

                    string s = "delete from 员工信息 where ID='" + GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";
                    SqlCommand cmd = new SqlCommand(s, conn);
                    conn.Open();
                    int i = cmd.ExecuteNonQuery();
                    if (i > 0)
                    {
                        Response.Write(@"<script>alert('删除成功！');</script>");
                    }
                    else
                    {
                        Response.Write(@"<script>alert('删除失败！');</script>");
                    }

                }

            }
            catch (Exception error)
            {
                MessageBox.Show(error.ToString());
            }
            finally
            {
                Show(sql);
                conn.Close();
            }

        }

        //编辑
        protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
        {
            GridView1.EditIndex = e.NewEditIndex;
            Show(sql);
        }

        //取消
        protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
        {
            GridView1.EditIndex = -1;
            string sql = "select * from 员工信息";
            Show(sql);
        }

        //更新
        protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
        {
            SqlConnection conn = new SqlConnection(Constr);
            try
            {
                string ID = GridView1.DataKeys[e.RowIndex].Values[0].ToString();
                int rowNum = e.RowIndex;

                string 姓名 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[3].Controls[0])).Text.ToString().Trim();
                string 性别 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[4].Controls[0])).Text.ToString().Trim();              
                string 籍贯 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[5].Controls[0])).Text.ToString().Trim();
                string 民族 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[6].Controls[0])).Text.ToString().Trim();
                string 联系电话 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[7].Controls[0])).Text.ToString().Trim();
                string 职位 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[8].Controls[0])).Text.ToString().Trim();
                string 家庭住址 = ((System.Web.UI.WebControls.TextBox)(GridView1.Rows[rowNum].Cells[9].Controls[0])).Text.ToString().Trim();

                
                string s = "update 员工信息 set 姓名='" + 姓名 + "',性别='" + 性别 + "',籍贯='" + 籍贯 + "', " +"民族='" + 民族 + "',联系电话='" + 联系电话 + "',职位='" + 职位 + "',家庭住址='" + 家庭住址 + "' where ID='" + ID + "'";
                Console.WriteLine(姓名);
                
                SqlCommand cmd = new SqlCommand(s, conn);
            conn.Open();
            int i = cmd.ExecuteNonQuery();
            if (i > 0)
            {
                Response.Write(@"<script>alert('更新成功！');</script>");
            }
            else
            {
                Response.Write(@"<script>alert('更新失败！');</script>");
            }
            
                
            }
            catch (Exception error)
            {
                MessageBox.Show(error.ToString());
            }
            finally
            {
                
                conn.Close();
                GridView1.EditIndex = -1;
                Show(sql);

            }
        }

        //分页
        protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {


            // 得到该控件
            GridView theGrid = sender as GridView;
            int newPageIndex = 0;
            if (e.NewPageIndex == -3)
            {
                //点击了Go按钮
                System.Web.UI.WebControls.TextBox txtNewPageIndex = null;

                //GridView较DataGrid提供了更多的API，获取分页块可以使用BottomPagerRow 或者TopPagerRow，当然还增加了HeaderRow和FooterRow
                GridViewRow pagerRow = theGrid.BottomPagerRow;

                if (pagerRow != null)
                {
                    //得到text控件
                    txtNewPageIndex = pagerRow.FindControl("txtNewPageIndex") as System.Web.UI.WebControls.TextBox;
                }
                if (txtNewPageIndex != null)
                {
                    //得到索引
                    newPageIndex = int.Parse(txtNewPageIndex.Text) - 1;
                }
            }
            else
            {
                //点击了其他的按钮
                newPageIndex = e.NewPageIndex;
            }
            //防止新索引溢出
            newPageIndex = newPageIndex < 0 ? 0 : newPageIndex;
            newPageIndex = newPageIndex >= theGrid.PageCount ? theGrid.PageCount - 1 : newPageIndex;

            //得到新的值
            theGrid.PageIndex = newPageIndex;

            //重新绑定
            Show(sql);

        }

        //排序
        protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
        {
            
            Show(sql);
        }

        //按钮功能实现
        protected void Button1_Click(object sender, EventArgs e)
        {
            Search();
        }
        protected void Button2_Click(object sender, EventArgs e)
        {
            string sql = "select * from 员工信息";
            Show(sql);
        }


    
    }
}
奇梦幽缘
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网格视图组件GridView 简述及其简单应用
AZLAWW的博客
11-15 2835
网格视图组件Gridview 一般用于新闻列表、图片九宫格、OQ相册等等,以行列的形式来展示的。一般是通过适配器作为中介将数据展示在组件上。属性有: numColumn: 4有四列,auto fit自动排列。 适配器: AtrayAdapter:数组适配器,将数组中的多个值作为数据源(数据库),一般用于显示文字。 SimpleAdapter:简单适配器,将List 集合里的多个值作为数据源,可以自定义各种效果,功能强大的内 simplecursorAdapter:将数据库内容作为数据源。 baseAdapt
Winform中GridView分组排序功能实现方法
09-04
本文详细介绍了在Winform中使用DevExpress的GridView控件实现分组排序功能的方法，并通过一个实际的示例来说明其具体实现过程。 为了实现GridView的分组排序功能，我们首先需要了解以下几个关键知识点： 1. **...
GridView的一种实现方式
songyangchunn的博客
08-16 230
GridView常用于以网格形式展示数据，九宫格布局就是一种典型的应用     activity_main.xml文件 ​ &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:ap...
GridView的实现
weixin_34219944的博客
09-03 106
代码实现后界面如图：一。xml文件1.<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" androi...
利用GridView实现功能界面
小磊's blog
02-18 920
主界面采用GridView进行展示和处理功能。 效果图： 代码： package com.example.mobliesoft.Activity; import com.example.mobliesoft.R; import android.app.Activity; import android.os.Bundle; import android.view.V
GridView实现选中状态
Lizheng～的博客
03-26 2516
前言：为了自己的未来，我们无怨无悔 最近做一个游戏选中的功能，需要用到GridView，并且要实现选中状态。 1.首先： xml布局里定义一个GridView： &lt;GridView android:id="@+id/gridView" android:listSelector="#00000000" android:verticalSp...
Gridview自动排序功能的实现
09-04
本文将深入讲解如何实现`GridView`的自动排序功能。 首先，实现`GridView`的自动排序功能，首要条件是设置`GridView`控件的`AllowSorting`属性为`true`。这允许用户通过点击列头来对数据进行排序。同时，我们需要为...
Android利用GridView实现单选功能
08-31
本文将详细介绍如何在Android中利用GridView实现单选功能。 首先，我们需要创建一个GridView，并为每个项目设置单选机制。GridView通常结合Adapter使用，Adapter负责填充数据并决定每个单元格的显示方式。为了实现...
gridview实现自带删除功能
10-22
在这个主题中，我们将深入探讨如何利用数据源（如SqlDataSource或EntityDataSource）结合GridView的DataKeys属性来实现数据的删除功能。 首先，我们需要了解`gridview`的基本结构。GridView控件在设计时可以绑定到...
简要的GRIDVIEW
大褚帝国
04-09 499
    private static string Ids="";    protected void Page_Load(object sender,EventArgs e)    {        if (!this.IsPostBack)            BindData("select * from myTable");    }    private void BindDa
RecyclerView之GridView实现
keven博客
03-09 7060
/** * Created by keven on 2018/3/9. */ public class RecyclerViewGridAdapter extends RecyclerView.Adapter&lt;RecyclerViewGridAdapter.GridViewHolder&gt; implements OnClickListener{ private Conte...
html gridview excel,ASP.NET使用GridView导出Excel实现方法
weixin_39710462的博客
06-15 178
本文实例讲述了ASP.NET使用GridView导出Excel实现方法。分享给大家供大家参考。具体实现方法如下：/// /// 将DataTable数据导出到EXCEL，调用该方法后自动返回可下载的文件流/// /// 要导出的数据源public static void DataTable1Excel(System.Data.DataTable dtData){System.Web.UI.WebC...
GridView的编程经历
kumouse的专栏
03-16 741
已经很多次了，坐在电脑前从前一天 呆到今天。从昨天下午到刚过去的几分钟，我一直被GridView的更新问题烦着，我一直试着让更新的连接一点下，把数据库原来的内容改为编辑框里的内容，可是当我点了更新之后，Gridview中的内容就是没有改变，感觉一点下我输入的东西就马上被删除，而替换成原来的东西。我试了好几次都是这样，我开始怀疑程序编写的问题了。于是，我在程序中设了断电，调试的信息依然和Gridvi
用代码创建GRIDVIEW
weixin_34034261的博客
03-09 143
主要要设定 GridView的AutoGenerateColumns= "true" protected void Button1_Click(object sender, EventArgs e) { Gvmes.DataSource = GetDataTable(); Gvmes.DataBind(); ...
html gridview 效果,使用HTML表格而不是Gridview
weixin_34998630的博客
06-03 443
我想使用HTML表格而不是gridview来检查数据。为什么HTML表格？因为我将使用输出发送电子邮件，所以我更喜欢HTML表格而不是gridview。另外我不想使用对象，因为系统只能在服务器上运行。它会自动发送一封电子邮件。任何人都可以帮我解决我的问题吗？谢谢。使用HTML表格而不是Gridview这是我到目前为止。在下面的例子中，我使用了gridview，因为我不知道如何使用Append来使用...
基于GridView的程序菜单
学海无涯 苦写博客
08-31 2574
res/layout/main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
gridview生成的html,.NET_GridView生成的HTML代码示例对比，复制代码 代码如下: <asp:GridV - phpStudy...
weixin_26808023的博客
06-07 83
GridView生成的HTML代码示例对比↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓编号姓名1张三2李四相关阅读:javascript 通用loading动画效果实例代码node.js中的events.emitter.listener...
几乎集Girdview所有技术为一体的超级变形金刚
海风~
06-12 6120
全部由后台cs代码实现GirdView的各种功能，实现了GridView的所有事件：   1.GridView动态创建控件，而且回发不会消失，绑定事件依然有效。 2.分页，动态添加页脚页码控件，且绑定事件 3.在最合适的地方动态注册添加js事件 4.实现删除、编辑、插入、查找、更新"、取消、新建、选择等事件 5.动态创建模板列，含编辑模板列 6.自定义点击表头排序 7.最合适的地方
利用GridView实现单选功能
段炼
02-03 7117
先看看效果 如果是你需要的,你可以继续往下看了实现起来比较简单,直接上代码 主Activity的布局,一个Button用来跳转到筛选Activity一个TextView用来显示筛选后的到的结果<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/ap
C# GridView实现72种功能实例教程
- **GridView与CheckBox**: 这有助于实现多选功能，比如批量操作或条件筛选。 5. **动态样式效果**: - **鼠标悬停效果**: 提供两种方法，当鼠标移动到某一行时，该行背景色会发生变化，增强用户体验。 6. **数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值