ホームページ >バックエンド開発 >C#.Net チュートリアル >「ASP.NET」データ バインディング - リピーターのグラフィックとテキストの説明

「ASP.NET」データ バインディング - リピーターのグラフィックとテキストの説明

黄舟
黄舟オリジナル
2017-03-08 11:57:472054ブラウズ

私は HTML 静的 Web ページ プログラミングを学習し、その構文の一部を理解しましたが、Web プログラミングの習得が十分ではないと感じたので、計画に従って ASP.NET の旅を始めました。この ASP.NET ブログを書く前に、まず ASP.NET と HTML の違いと関係を比較したいと思います。

1. 接続と相違点: HTML はクライアント側でプログラムされ、通常は静的な Web ページを生成します。ASP.NET はサーバー側でプログラムされ、通常は動的な Web ページを生成できます。 ASP.NET のコントロールは HTML のコントロールから再設計され、カプセル化されています。つまり、ASP.NET のコントロールは HTML のコントロールに基づいています。 ASP.NET コントロールにはコールバック関数があり、ViewState を使用してコントロールの状態を維持できます。 HTML コントロールではそれができません。ページ操作がクリックされると、その状態は失われます。

ASP.NET の学習プロセスでは、そのコントロールの学習と使用が大きな部分を占めます。今日は、Repeater コントロールの使用法と、バックグラウンド データのバインドに使用する方法について説明します。するとクライアント(ブラウザ)上に表示されます!

2. リピーター制御

1. 目的: テンプレートを使用してループ内のデータを表示します。

2. 含まれるテンプレート:

(中のデータは正常に表示されます)

91f4318f378aad8e526fb1a0e1ad17f9ba8dc1c1382ecc852825ac1c1e896c38 インターレース表示テンプレート(内部にバインドされているデータをインターレース形式で表示します)f39c60179d8b52ab6f3e5c24ba8c9c5fba78506deea6335853d7bed475f148b8 フッターテンプレート(編集ページフィート)

6ee8e8fba390ed9254dc3617352f8932bfe02e37d1f380daaee4f86f8a9cde04ヘッダー テンプレート (ヘッダーの編集)

& lt;SeparatorTemplate>7e09ce6e2174b5bea8c3b03d02e6c13c 間隔テンプレート (表示されるデータに間隔を挿入します。水平線、特殊記号など) 3. 例

vs2012 の ASP.NET Web フォーム アプリケーションを使用して作成した例。

1. コンテンツの紹介

データベースの Person テーブルの情報を選択し、Repeater コントロールを使用してクライアントに表示します。下の図は、Sqlser データベースの person テーブルの情報です。

1: データベース内の情報を選択し、バックグラウンドでバインドします: 新しい Web フォーム アプリケーションを作成し、フォームを追加し、フォームの Page_Load イベントに次のコードを追加します。

protected void Page_Load(object sender, EventArgs e)
        {
            SqlConnection con = DB.createConnection();
            SqlDataAdapter sda = new SqlDataAdapter();
            string sql="select * from person ";
            sda.SelectCommand = new SqlCommand(sql, con);
            DataSet ds=new DataSet();
            sda.Fill(ds, "per");
            this.Repeater1.DataSource=ds.Tables["per"];
            Repeater1.DataBind();
        }

3: 表示効果は次のとおりです


4:91f4318f378aad8e526fb1a0e1ad17f9ba8dc1c1382ecc852825ac1c1e896c38テンプレートの使用法 (データをクロス表示させる)

<asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <p align="center">
                        <%# DataBinder.Eval(Container.DataItem,"pID") %>
                        <%# DataBinder.Eval(Container.DataItem,"personName") %>
                        <%# DataBinder.Eval(Container.DataItem,"personSex") %>
                    </p>
                </ItemTemplate>
            </asp:Repeater>


表示効果は以下の通り、2と4、6、9列のみを表示する構造、いわゆるクロス表示です。

最後に、5つのテンプレートを組み合わせて使用​​したフロントエンドコードは次のとおりです


 <asp:Repeater ID="Repeater1" runat="server">
                <AlternatingItemTemplate>
                    <p align="center">
                        <font color="blue"> <%# DataBinder.Eval(Container.DataItem,"pID") %>
                        <%# DataBinder.Eval(Container.DataItem,"personName") %> 
                        <%# DataBinder.Eval(Container.DataItem,"personSex") %></font>
                    </p>
                </AlternatingItemTemplate>
            </asp:Repeater>

表示効果は次のとおりです

バックグラウンドデータベースの情報をブラウザに表示するためのコントロールの使い方です。ブラウザで表示してみます。後ほど順次紹介していきますので、お楽しみに! !

以上が「ASP.NET」データ バインディング - リピーターのグラフィックとテキストの説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。