Rumah pembangunan bahagian belakang Tutorial C#.Net 详细介绍《ASP.NET》数据绑定——GridView

详细介绍《ASP.NET》数据绑定——GridView

Mar 08, 2017 pm 01:05 PM

     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;
        }
Salin selepas log masuk


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;
        }
Salin selepas log masuk

3、编写查询按钮单击事件

        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 = "性别";
Salin selepas log masuk


     三张查询效果图如下所示,分别为直接点击查询、按照性别查询、按照编号和姓名和性别一块查询。



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

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


Atas ialah kandungan terperinci 详细介绍《ASP.NET》数据绑定——GridView. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaksanakan fungsi mengikat data dalam SwiftUI menggunakan MySQL Bagaimana untuk melaksanakan fungsi mengikat data dalam SwiftUI menggunakan MySQL Jul 30, 2023 pm 12:13 PM

Cara menggunakan MySQL untuk melaksanakan fungsi pengikatan data dalam SwiftUI Dalam pembangunan SwiftUI, pengikatan data boleh merealisasikan pengemaskinian automatik antara muka dan data, meningkatkan pengalaman pengguna. Sebagai sistem pengurusan pangkalan data hubungan yang popular, MySQL boleh menyimpan dan mengurus sejumlah besar data. Artikel ini akan memperkenalkan cara menggunakan MySQL untuk melaksanakan fungsi mengikat data dalam SwiftUI. Kami akan menggunakan perpustakaan pihak ketiga Swift MySQLConnector, yang menyediakan sambungan dan pertanyaan kepada data MySQL.

Penjelasan terperinci tentang fungsi mengikat data dalam dokumentasi Vue Penjelasan terperinci tentang fungsi mengikat data dalam dokumentasi Vue Jun 20, 2023 pm 10:15 PM

Vue ialah rangka kerja JavaScript sumber terbuka yang digunakan terutamanya untuk membina antara muka pengguna. Teras Vue ialah pengikatan data, yang menyediakan cara yang mudah dan cekap untuk mencapai pengikatan dua hala antara data dan paparan. Mekanisme pengikatan data Vue dikendalikan melalui beberapa fungsi khas. Fungsi ini boleh membantu kami mengikat data dalam templat secara automatik kepada sifat yang sepadan dalam objek JavaScript, supaya apabila sifat dalam objek JavaScript diubah suai, data dalam templat juga akan secara automatik

Cara menggunakan arahan v-sekali dalam Vue untuk mencapai pemaparan satu kali pengikatan data Cara menggunakan arahan v-sekali dalam Vue untuk mencapai pemaparan satu kali pengikatan data Jun 11, 2023 pm 01:56 PM

Vue ialah rangka kerja JavaScript bahagian hadapan yang popular yang menyediakan banyak arahan untuk memudahkan proses pengikatan data Salah satu arahan yang sangat berguna ialah v-sekali. Dalam artikel ini, kami akan menyelidiki penggunaan arahan v-sekali dan cara melaksanakan pemaparan satu kali terikat data dalam Vue. Apakah arahan v-sekali? v-once ialah arahan dalam Vue Fungsinya adalah untuk menyimpan hasil pemaparan elemen atau komponen supaya proses pemaparan mereka boleh dilangkau dalam kemas kini berikutnya.

Ralat Vue: v-model tidak boleh digunakan dengan betul untuk pengikatan data dua hala Bagaimana untuk menyelesaikannya? Ralat Vue: v-model tidak boleh digunakan dengan betul untuk pengikatan data dua hala Bagaimana untuk menyelesaikannya? Aug 19, 2023 pm 08:46 PM

Ralat Vue: v-model tidak boleh digunakan dengan betul untuk pengikatan data dua hala Bagaimana untuk menyelesaikannya? Pengenalan: Pengikatan data dua hala ialah ciri yang sangat biasa dan berkuasa apabila membangun dengan Vue. Walau bagaimanapun, kadangkala kita mungkin menghadapi masalah, iaitu, apabila kita cuba menggunakan model v untuk pengikatan data dua hala, kita menghadapi ralat. Artikel ini menerangkan punca dan penyelesaian masalah ini, dan menyediakan contoh kod untuk menunjukkan cara menyelesaikan masalah. Penerangan Masalah: Apabila kita cuba menggunakan model v dalam Vue

Penjelasan terperinci fungsi v-model dalam Vue3: aplikasi pengikatan data dua hala Penjelasan terperinci fungsi v-model dalam Vue3: aplikasi pengikatan data dua hala Jun 18, 2023 am 10:25 AM

Dengan pembangunan berterusan teknologi bahagian hadapan, Vue, sebagai rangka kerja bahagian hadapan yang popular, juga sentiasa dikemas kini dan diulang. Versi terkini, Vue3, memperkenalkan banyak ciri baharu, menjadikannya lebih mudah dan fleksibel untuk digunakan. Antaranya, fungsi v-model adalah salah satu ciri baharu yang patut disebut dalam Vue3. Ia boleh mencapai pengikatan data dua hala, iaitu, apabila menggunakan fungsi model v, ia bukan sahaja dapat dengan mudah merealisasikan komunikasi antara komponen ibu bapa dan anak, tetapi juga secara automatik mengikat input data oleh pengguna kepada data dalam komponen.

Cara menggunakan Vue untuk pengesahan borang dan pengikatan data Cara menggunakan Vue untuk pengesahan borang dan pengikatan data Aug 02, 2023 am 10:54 AM

Cara menggunakan Vue untuk pengesahan borang dan pengikatan data Pengenalan: Dengan pembangunan berterusan pembangunan bahagian hadapan, pengesahan borang input pengguna telah menjadi pautan penting. Sebagai rangka kerja hadapan yang popular, Vue.js menyediakan satu siri fungsi untuk memudahkan proses pengesahan borang dan pengikatan data. Artikel ini akan memperkenalkan cara menggunakan Vue untuk pengesahan borang dan pengikatan data, serta memberikan contoh kod yang sepadan. 1. Pengikatan data asas: Dalam Vue, kita boleh menggunakan arahan model v untuk mencapai pengikatan dua hala data. Letakkan elemen input

Nota Pembangunan Vue: Elakkan Kesilapan dan Kesalahan Biasa Nota Pembangunan Vue: Elakkan Kesilapan dan Kesalahan Biasa Nov 23, 2023 am 10:37 AM

Nota Pembangunan Vue: Elakkan Kesilapan dan Kesalahan Biasa Pengenalan: Vue.js ialah rangka kerja JavaScript popular yang digunakan secara meluas untuk membina aplikasi bahagian hadapan interaktif moden. Walaupun Vue.js menyediakan kaedah pembangunan yang mudah, fleksibel dan cekap, anda mungkin masih menghadapi beberapa ralat dan masalah biasa semasa proses pembangunan. Artikel ini akan memperkenalkan beberapa pertimbangan pembangunan Vue biasa untuk membantu pembangun mengelakkan kesilapan dan perangkap ini serta meningkatkan kecekapan pembangunan dan kualiti kod. Nota 1: Penggunaan munasabah v-if dan

Ralat UniApp: penyelesaian pengikatan data 'xxx' gagal Ralat UniApp: penyelesaian pengikatan data 'xxx' gagal Nov 25, 2023 am 09:09 AM

Sebagai rangka kerja pembangunan aplikasi merentas platform, UniApp menyediakan pembangun persekitaran pembangunan yang mudah dan pantas. Walau bagaimanapun, semasa penggunaan, kami mungkin menghadapi beberapa mesej ralat Salah satu ralat biasa ialah kegagalan mengikat data 'xxx'. Dalam artikel ini, kita akan membincangkan penyelesaian kepada masalah ini. Pertama, kita perlu memahami apa yang menyebabkan ralat ini. Biasanya, mesej ralat kegagalan pengikatan data 'xxx' disebabkan oleh ralat dalam ungkapan pengikatan data atau laluan pengikatan data yang salah. jadi

See all articles