リピーターとページング効果（ASP）に関するコードの詳細説明-C#.Net チュートリアル-php.cn

ホームページ

バックエンド開発

C#.Net チュートリアル

リピーターとページング効果（ASP）に関するコードの詳細説明

Y2J

May 05, 2017 pm 01:41 PM

asp repeater ページネーション

Repeater コントロールは、各項目のリストを生成し、テンプレートを使用して Web ページ上の各項目のレイアウトを定義できるデータバインディングコンテナーコントロールです。この記事ではこれについて詳しく紹介します。以下のエディターで見てみましょう

Repeater コントロールは、各項目のリストを生成し、テンプレートを使用して Web ページ上の各項目のレイアウトを定義できるデータバインディングコンテナーコントロールです。。ページが実行されると、コントロールはデータソース内の項目ごとにこのレイアウトを繰り返します。

テンプレートでリピーターコントロールを使用する

リピーターコントロールを使用するには、コントロールのコンテンツレイアウトを定義するテンプレートを作成する必要があります。テンプレートには、マークアップとコントロールを任意に組み合わせて含めることができます。テンプレートが定義されていない場合、またはテンプレートに要素が含まれていない場合、アプリケーションの実行時にコントロールはページに表示されません。

ItemTemplate: データソース内のデータ項目ごとに 1 回レンダリングされる HTML 要素とコントロールが含まれます。

AlternatingItemTemplate : 交互データ項目の書式設定 (データソース内のデータ項目ごとに 1 回レンダリングされる HTML 要素とコントロールが含まれます。通常、このテンプレートを使用して、別の背景色の指定など、交互項目の異なる外観を作成できます) ItemTemplate で指定されたものよりも)。

SeparatorTemplate : セパレーター (各項目の間に含まれる要素) をフォーマットします。

HeaderTemplate : ヘッダーをフォーマットします (リストの先頭に個別に表示されるテキストとコントロールが含まれます)。

FooterTemplate : フッターの書式を設定します (リストの最後に個別に表示されるテキストとコントロールが含まれます)。

RepeaterPaging効果は次のとおりです:

フロントエンドコード:

<body>
 <asp:Repeater ID="Repeater1" runat="server">
  <HeaderTemplate>
  <p style="background-color:#988c6e;width:400px;padding-top:5px;padding-bottom:5px;margin-left:30px;margin-top:30px;border-radius:5px;color:#fff;font-weight:bold;"><span style="padding-left:30px;">用户名</span><span style="padding-left:100px;">注册时间</span><span style="padding-left:90px;">访问量</span></p>
  <table style="margin-left:30px;margin-top:30px;">
  </HeaderTemplate>
  <ItemTemplate>
  <tr>
   <td style="width:120px;text-align:left; padding-left:20px;"><%#Eval("Username") %></td>
   <td style="width:170px;text-align:left; "><%#Eval("RegistrationTime") %></td>
   <td style="width:50px;text-align:left; "><%#Eval("AccessAmount") %></td>
  </tr>
  <tr>
   <td colspan="3" style="border-bottom:1px inset #C0D9D9;padding-top:7px;"></td>
  </tr>
  </ItemTemplate>
  <FooterTemplate>
  </table>
  </FooterTemplate>
 </asp:Repeater> 
 <p style="margin-left:50px;">
  <p style="margin:0 auto; margin-top:50px;border:1px solid #fff;font-size:16px;font-family:"microsoft yahei","宋体";">
  <a><p style="border:1px solid #000; width:60px; float:left; margin:5px;text-align:center;"><a style="color:#000">共<asp:Label runat ="server" ID="zong"> </asp:Label>页</a></p></a>
  <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000">第<asp:Label runat ="server" ID="dangqian"> </asp:Label>页</a></p></a>
  <a><p style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="first" runat="server" style="color:#000">首页</asp:hyperlink></a></p></a>
  <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkPrev" runat="server" style="color:#000">上一页</asp:hyperlink></a></p></a>
  <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkNext" runat="server" style="color:#000">下一页</asp:hyperlink></a></p></a>
  <a><p style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="end" runat="server" style="color:#000">尾页</asp:hyperlink></a></p></a>
  </p> 
 </p> 
 </body>

ログイン後にコピー

バックエンドコード:

protected void Page_Load(object sender, EventArgs e)
 {
  if(!Page.IsPostBack)
  {
  getUsers();
  }
 }
 private void getUsers()
 {
  List<Users1> list = new AdminManager().QueryUsers();　　　　
  PagedDataSource pag = new PagedDataSource();
  pag.AllowPaging = true;// 设置允许分页
  pag.PageSize = 10; // 每页显示为3行
  pag.DataSource = list; // 模板绑定数据源 
  zong.Text = pag.PageCount.ToString(); // 显示总共页数
  int CurrentPage;
  // 请求页码为不为null设置当前页，否则为第一页
  if (Request.QueryString["Page"] != null)
  {

  CurrentPage = Convert.ToInt32(Request.QueryString["Page"]);
  }
  else
  {
  CurrentPage = 1;
  }
  if (Request.QueryString["PageSize"] != null)
  {
  pag.PageSize = Convert.ToInt32(Request.QueryString["PageSize"]);
  }
  else
  {
  pag.PageSize = 10;
  }
  pag.CurrentPageIndex = CurrentPage - 1; // 当前页所引为页码-1
  dangqian.Text = CurrentPage.ToString(); // 当前页
  if (!pag.IsFirstPage)
  {
  //  Request.CurrentExecutionFilePath为当前请求虚拟路径
  lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage - 1);
  } 
  // 如果不是最后一页，通过参数Page设置下一页为当前页+1，否则不显示连接
  if (!pag.IsLastPage)
  {
  // Request.CurrentExecutionFilePath为当前请求虚拟路径
  lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage + 1);
  }
  //首页
  first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1);
  //尾页
  end.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + pag.PageCount.ToString(); 
  if (Convert.ToInt32(HttpContext.Current.Request["page"]) > pag.PageCount)
  {  
  first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1);
  }
  this.Repeater1.DataSource = pag;
  this.Repeater1.DataBind();
 }

ログイン後にコピー

ページングが必要ない場合は、次のように実行できます。次のコード:

protected void Page_Load(object sender, EventArgs e)
{
　　if(!Page.IsPostBack)
 {
 　　getUsers();
 }
}
private void getUsers()
{
　　List<Users1> list = new AdminManager().QueryUsers(); 
 this.Repeater1.DataSource = list ;
 this.Repeater1.DataBind();
}

ログイン後にコピー

【関連する推奨事項】

1. ASP チュートリアル

3. Li Yanhui ASP 基本ビデオチュートリアル

以上がリピーターとページング効果（ASP）に関するコードの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7677

CakePHP チュートリアル

1393

C# チュートリアル

1207

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

Related knowledge

PHP 開発: テーブルデータのソート機能とページング機能を実装する方法 Sep 20, 2023 am 11:28 AM

PHP 開発: テーブルデータのソート機能とページング機能を実装する方法 Web 開発では、大量のデータを処理するのが一般的なタスクです。大量のデータを表示する必要があるテーブルの場合、通常、優れたユーザーエクスペリエンスを提供し、システムパフォーマンスを最適化するために、データの並べ替え機能とページング機能を実装する必要があります。この記事では、PHP を使用してテーブルデータのソート機能とページング機能を実装する方法と、具体的なコード例を紹介します。ソート機能はテーブルにソート機能を実装しており、ユーザーはさまざまなフィールドに従って昇順または降順でソートできます。以下は実装フォームです

CakePHP でカスタムページネーションを作成するにはどうすればよいですか? Jun 04, 2023 am 08:32 AM

CakePHP は、開発者に多くの便利なツールと機能を提供する強力な PHP フレームワークです。その 1 つはページネーションです。これは、大量のデータを複数のページに分割し、閲覧と操作を容易にするのに役立ちます。デフォルトでは、CakePHP はいくつかの基本的なページネーションメソッドを提供しますが、場合によってはカスタムのページネーションメソッドを作成する必要がある場合があります。この記事では、CakePHP でカスタムページネーションを作成する方法を説明します。ステップ 1: カスタムページネーションクラスを作成するまず、カスタムページネーションクラスを作成する必要があります。これ

JavaScriptを使用してテーブルデータのページング表示を実装する Jun 16, 2023 am 10:00 AM

データが増大し続けると、表形式の表示がより困難になります。ほとんどの場合、テーブル内のデータの量が多すぎるため、読み込みが遅くなり、ユーザーは必要なデータを見つけるために常にページを参照する必要があります。この記事では、JavaScript を使用して表データのページ分割表示を実現し、ユーザーが目的のデータを見つけやすくする方法を紹介します。 1. テーブルを動的に作成するページング機能をより制御しやすくするには、テーブルを動的に作成する必要があります。 HTML ページに、以下のようなテーブル要素を追加します。

JavaScript を使用してテーブルページング機能を実装するにはどうすればよいですか? Oct 20, 2023 pm 06:19 PM

JavaScript を使用してテーブルページング機能を実装するにはどうすればよいですか?インターネットの発展に伴い、テーブルを使用してデータを表示する Web サイトがますます増えています。データ量が多い場合には、ユーザーエクスペリエンスを向上させるためにデータをページに表示する必要があります。この記事では、JavaScript を使用してテーブルページング機能を実装する方法と具体的なコード例を紹介します。 1. HTML 構造まず、テーブルとページングボタンをホストするための HTML 構造を準備する必要があります。 <tab を使用できます

MyBatis ページングプラグインの原理の詳細な説明 Feb 22, 2024 pm 03:42 PM

MyBatis は優れた永続層フレームワークであり、XML とアノテーションに基づいたデータベース操作をサポートし、シンプルで使いやすく、豊富なプラグインメカニズムも提供します。その中でも、ページングプラグインは、よく使用されるプラグインの 1 つです。この記事では、MyBatis ページングプラグインの原理を詳しく説明し、具体的なコード例で説明します。 1. ページングプラグインの原理 MyBatis 自体はネイティブページング機能を提供しませんが、プラグインを使用してページングクエリを実装できます。ページングプラグインの原理は主に MyBatis を傍受することです

Layuiを使用してページング機能を備えたデータ表示ページを開発する方法 Oct 24, 2023 pm 01:10 PM

Layui を使用してページング機能を備えたデータ表示ページを開発する方法 Layui は、シンプルで美しいインターフェイスコンポーネントと豊かなインタラクティブエクスペリエンスを提供する軽量のフロントエンド UI フレームワークです。開発中、大量のデータを表示し、ページングを実行する必要がある状況によく遭遇します。以下はLayuiを使用して開発したページング機能付きのデータ表示ページの例です。まず、Layui 関連のファイルと依存関係を導入する必要があります。 HTML ページの <head> タグに次のコードを追加します。

Vue コンポーネントの実践: ページングコンポーネントの開発 Nov 24, 2023 am 08:56 AM

Vue コンポーネントの実践: ページングコンポーネント開発の概要 Web アプリケーションでは、ページング機能は不可欠なコンポーネントです。優れたページングコンポーネントは、プレゼンテーションがシンプルかつ明確で、機能が豊富で、統合と使用が簡単である必要があります。この記事では、Vue.js フレームワークを使用して高度にカスタマイズ可能なページングコンポーネントを開発する方法を紹介します。 Vueコンポーネントを使った開発方法をコード例を通して詳しく解説します。テクノロジースタック Vue.js2.xJavaScript (ES6) HTML5 および CSS3 開発環境

Vue技術開発におけるページング機能の実装方法 Oct 09, 2023 am 09:06 AM

Vue は、ユーザーインターフェイスを構築するための人気のある JavaScript フレームワークです。 Vue テクノロジーの開発では、ページング機能の実装が一般的な要件です。この記事では、Vue を使用してページング機能を実装する方法と具体的なコード例を紹介します。始める前に、いくつかの基礎知識を事前に準備する必要があります。まず、Vue の基本概念と構文を理解する必要があります。次に、Vue コンポーネントを使用してアプリケーションを構築する方法を知る必要があります。始める前に、Vue プロジェクトにページングプラグインをインストールする必要があります。

See all articles

リピーターとページング効果（ASP）に関するコードの詳細説明

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック