搜尋
首頁後端開發C#.Net教程詳細介紹《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、撰寫查詢按鈕點選事件   

        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;希望大家在程式碼編寫上細心點。


#

以上是詳細介紹《ASP.NET》資料綁定-GridView的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何使用MySQL在SwiftUI中实现数据绑定功能如何使用MySQL在SwiftUI中实现数据绑定功能Jul 30, 2023 pm 12:13 PM

如何使用MySQL在SwiftUI中实现数据绑定功能在SwiftUI开发中,通过数据绑定可以实现界面与数据的自动更新,提高用户体验。而MySQL作为一款流行的关系型数据库管理系统,可以存储和管理大量的数据。本文将介绍如何使用MySQL在SwiftUI中实现数据绑定功能。我们将利用Swift的第三方库MySQLConnector,它提供了连接和查询MySQL数

Vue文档中的数据绑定函数详解Vue文档中的数据绑定函数详解Jun 20, 2023 pm 10:15 PM

Vue是一款开放源代码的JavaScript框架,它主要用于构建用户界面。Vue的核心是数据绑定,它提供了一种方便、高效的方式来实现数据和视图之间的双向绑定。Vue的数据绑定机制是通过一些特殊的函数来处理的。这些函数可以帮助我们将模板中的数据自动与JavaScript对象中的对应属性绑定起来,使得在修改JavaScript对象中的属性时,模板中的数据也会自动

Vue中如何使用v-once指令实现数据绑定的一次性渲染Vue中如何使用v-once指令实现数据绑定的一次性渲染Jun 11, 2023 pm 01:56 PM

Vue是一个流行的前端JavaScript框架,它提供了许多指令来简化数据绑定的过程,其中一个非常有用的指令是v-once。在这篇文章中,我们将深入探讨v-once指令的用法,以及如何在Vue中实现数据绑定的一次性渲染。什么是v-once指令?v-once是Vue中的一个指令,它的作用是将元素或组件的渲染结果缓存起来,以便于在后续的更新中跳过它们的渲染过程。

Vue报错:无法正确使用v-model进行双向数据绑定,如何解决?Vue报错:无法正确使用v-model进行双向数据绑定,如何解决?Aug 19, 2023 pm 08:46 PM

Vue报错:无法正确使用v-model进行双向数据绑定,如何解决?引言:在使用Vue进行开发时,双向数据绑定是一项非常常见且强大的功能。然而,有时候我们可能会遇到一个问题,就是当我们尝试使用v-model进行双向数据绑定时,却遭遇到了报错。本文将介绍该问题的原因以及解决方案,并通过代码示例来演示如何解决该问题。问题描述:当我们在Vue中尝试使用v-model

Vue3中的v-model函数详解:双向数据绑定的应用Vue3中的v-model函数详解:双向数据绑定的应用Jun 18, 2023 am 10:25 AM

随着前端技术的不断发展,Vue作为一款流行的前端框架,也在不断地更新迭代。其中最新的版本Vue3,引入了许多新特性,使得其在使用方面更加便利和灵活。其中,v-model函数就是Vue3中值得一提的新特性之一。它能够实现双向数据绑定,也就是说,在使用v-model函数时,不仅可以方便地实现父子组件之间的通信,同时还可以自动将用户输入的数据与组件中的数据绑定起来

如何使用Vue进行表单验证和数据绑定如何使用Vue进行表单验证和数据绑定Aug 02, 2023 am 10:54 AM

如何使用Vue进行表单验证和数据绑定引言:随着前端开发的不断发展,用户输入的表单验证成为一个重要的环节。Vue.js作为一个流行的前端框架,提供了一系列的功能来简化表单验证和数据绑定的过程。本文将介绍如何使用Vue进行表单验证和数据绑定,并给出相应的代码示例。一、基本的数据绑定:在Vue中,我们可以使用v-model指令来实现数据的双向绑定。将input元素

Vue开发注意事项:避免常见的错误和陷阱Vue开发注意事项:避免常见的错误和陷阱Nov 23, 2023 am 10:37 AM

Vue开发注意事项:避免常见的错误和陷阱引言:Vue.js是一种流行的JavaScript框架,被广泛用于构建现代化的交互式前端应用程序。尽管Vue.js提供了简单、灵活和高效的开发方式,但在开发过程中仍然可能遇到一些常见的错误和陷阱。本文将介绍一些常见的Vue开发注意事项,帮助开发者避免这些错误和陷阱,提高开发效率和代码质量。注意事项一:合理使用v-if和

Vue中如何使用v-bind将数据绑定到HTML属性Vue中如何使用v-bind将数据绑定到HTML属性Jun 11, 2023 am 09:11 AM

Vue中如何使用v-bind将数据绑定到HTML属性Vue.js是当前最流行的JavaScript框架之一,在开发Web应用程序时,常常需要将数据绑定到HTML中的元素属性。Vue提供了v-bind指令来实现这个功能。在本文中,我们将介绍如何在Vue应用程序中使用v-bind指令将数据绑定到HTML属性。v-bind指令是Vue中用于动态绑定数据到HTML属

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具