ホームページ >バックエンド開発 >C#.Net チュートリアル >「ASP.NET」データ バインディング - リピーターのグラフィックとテキストの説明
私は 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 サイトの他の関連記事を参照してください。