検索
ホームページバックエンド開発C#.Net チュートリアル「ASP.NET」データ バインディングの詳細な紹介 - GridView

GirdView の紹介:

名前: ネットワーク ビュー。

出典: GridView は DataGrid の後継コントロールです。DataGrid はまだ存在しますが、GridView は歴史の最前線にあり、DataGrid を置き換える傾向は止められません。

機能: その機能は、データ ソースからのデータを Web ページに表示することです。 GridView と DataGrid には、どちらもデータ ソースからのデータを Web ページに表示し、データ ソース内のデータの行、つまりレコードを Web ページ上の出力テーブルの行として表示します。

ここでは、GirdView の詳細なプロパティとイベントについては詳しく説明しません。以下では、バックグラウンドデータベースから検索したデータをGirdViewがどのように表示するか、つまりGirdViewがデータソースをバインドして表示する方法を簡単に紹介します。

1. フロントエンドインターフェイスは次のとおりです


2. バックエンドの作成: 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 = "性别";


3つのクエリレンダリングは次のとおりです。すなわち、ダイレクトクリッククエリ、性別によるクエリ、クエリです。番号と名前、および性別のクエリによって。



上記のバックグラウンドコードはあくまで機能を実現できることを前提に書いていますので、多少のバグはご自身で修正していただければと思います。

バックグラウンドでバインドされたデータのフィルタリングからフォアグラウンドでのデータの表示まで、GridView を使用してブラウザ上でデータを表示する一般的なプロセスは次のとおりです。ここで少し厄介なのは、条件式の部分だけです。クエリ、文字列のスペルが正しくありません。これは、GirdView のフィルタリング効果を使用するだけです。これは、このコードです​​dv.RowFilter = c;皆さんもコードを書くときはもっと注意してください。 。


以上が「ASP.NET」データ バインディングの詳細な紹介 - GridViewの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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如何实现数据的双向绑定?Jun 27, 2023 pm 04:46 PM

Vue是一种流行的JavaScript框架,它提供了一种方便的方法实现数据的双向绑定。本文将介绍Vue如何实现数据的双向绑定。Vue通过MVVM框架实现双向绑定,MVVM模式由Model-View-ViewModel组成。Model表示数据和业务逻辑,View表示UI界面,ViewModel是Model和View之间的桥梁。在Vue中,数据绑定是根据Vue实

Java错误:数据绑定错误,如何解决和避免Java错误:数据绑定错误,如何解决和避免Jun 25, 2023 pm 12:07 PM

随着Java程序越来越庞大,数据绑定也变得更加重要。但是,当Java应用程序遇到数据绑定错误时,这可能会导致不可预料的问题,如系统和资源崩溃,数据极性错误,系统响应时间变慢或停止响应等。因此,本文将介绍一些常见的Java数据绑定错误,以及如何解决和避免这些错误。错误1:空指针异常空指针异常是一种典型的Java错误。它发生在试图使用Null对象时。在数据绑定时

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)