• 《ASP.NET》数据绑定——GridView


         GirdView简单介绍:

         名称:网络视图。

        来源:GridView 是 DataGrid的后继控件。在.net framework 2 中,尽管还存在DataGrid,可是GridView已经走上了历史的前台,代替DataGrid的趋势已是势不挡。

        作用:其功能是在web页面中显示数据源中的数据。GridView和DataGrid功能相似,都是在web页面中显示数据源中的数据,将数据源中的一行数据。也就是一条记录,显示为在web页面上输出表格中的一行。

        在此GirdView的具体属性和事件我不再阐述。以下我仅仅是简介一下GirdView如何显示从后台数据库搜索出来的数据。也就是GirdView如何绑定并显示数据源。

        一、前台界面例如以下


         二、后台编写: 用VS建立ASP.NET窗口应用程序。

    在此,我仅仅编写查询功能,后台代码例如以下

         1、建立数据库连接

           public static SqlConnection createConnection()
            {
                SqlConnection con = new SqlConnection("server=.;database=dropDownTest;uid=sa;pwd=123456");
                con.Open();
                return con;
            }

         2、编写操作类、当中有普通查询方法、按条件查询方法、加入方法(略)

            public static DataTable SelectAll()
            {
                SqlConnection con = createConnection();
                DataTable dt = new DataTable();
                SqlCommand cmd = new SqlCommand("select * from person", con);
                SqlDataReader sdr = cmd.ExecuteReader();
                dt.Load(sdr);
                return dt;
            }

         3、编写查询button单击事件

        

            protected void Button4_Click(object sender, EventArgs e)
            {
                string c = "";    //定义空字符串,用来条件查询
                
                 //设置复选框1的查询条件
                if (this.CheckBox1.Checked)
                {
                    c = "pID=" + this.txtID.Text;   //精确匹配查询条件
                }
                else
                {
                    c = "pID like'%' ";        //模糊匹配查询条件
                }
                if (this.CheckBox2.Checked)
                {
                    c += " and personName like '%" + this.txtName.Text + "%'";
                }
                if (this.CheckBox3.Checked)
                {
                    if (RadioButton1.Checked)
                    {
                        c += "and personSex='男'";
                    }
    
                    else
                    {
                        c += "and personSex='女'";
                    }
                }
    
                DataView dv = new DataView(PerosonOperate.SelectAll()); //调用查询方法
                dv.RowFilter = c;                                       //设置过滤器(按条件查找)
                dv.Sort = "pID Desc";                                   //使结果依照pID字段降序排列
                GridView1.DataSource = dv;                              //设定数据源
                GridView1.DataBind();                                   //绑定数据源
                //设置列名,假设不设置,将会以数据库中相应的字段名称取代
                GridView1.HeaderRow.Cells[0].Text = "编号";
                GridView1.HeaderRow.Cells[1].Text = "姓名";
                GridView1.HeaderRow.Cells[2].Text = "性别"; 
            

         三张查询效果图例如以下所看到的,分别为直接点击查询、依照性别查询、依照编号和姓名和性别一块查询。


        上面编写的后台代码仅仅是在功能能够实现的基础上编写的,里面未免有一些Bug。希望大家自己改造。

        从后台绑定数据的筛选再到前台的呈现,用GridView将数据在浏览器上显示出来的大致流程就是这样。这里面唯一有点别扭的是按条件查询中,字符串的拼写不好弄,这样做无非是使用GirdView的过滤效果。也就是这段代码dv.RowFilter = c;希望大家在代码编写上细心点。

  • 相关阅读:
    [入门到吐槽系列] 微信小程序 上传图片 前端压缩 保存到云存储 使用Canvas新API的巨坑!
    [入门到吐槽系列] Webix 10分钟入门 一 管理后台制作
    使用Spring提供的BeanUtils.copyProperties()方法报错:Could not copy property 'xxx' from source to target
    记录一次 java.lang.IncompatibleClassChangeError: Implementing class
    centos 7下ifcfgens33网卡配置文件详解
    二进制方式安装搭建k8s集群
    Win10下VMware Workstation 16 Pro最小化安装CentOS 7
    单点登录协议有哪些?CAS、OAuth、OIDC、SAML有何异同? itprobie
    SQL2005禁用相关存储过程方法 itprobie
    .NET 6 创建 Console 项目使用旧程序样式
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/7100398.html
Copyright © 2020-2023  润新知