Repeater控件用法

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Repeater.aspx.cs" Inherits="FileUpload自动上传文件.Repeater" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <table >

                <tr>

                    <th>标题1</th>

                    <th>标题2</th>

                    <th>标题3</th>

                    <th>标题4</th>

                </tr>

    <asp:Repeater ID ="rptList" runat ="server" >

   <%--     <HeaderTemplate >

            <table >

                <tr>

                    <th>标题1</th>

                    <th>标题2</th>

                    <th>标题3</th>

                    <th>标题4</th>

                </tr>

         </HeaderTemplate>--%>

            <SeparatorTemplate >

            <tr>

                <td colspan ="4"><hr /></td>

            </tr>

            </SeparatorTemplate>

        <ItemTemplate >

        <tr>

            <td><%#DataBinder.Eval(Container.DataItem,"title1")%>1</td>

            <td><%#DataBinder.Eval(Container.DataItem, "title2")%></td>

            <td><%#DataBinder.Eval(Container.DataItem, "title3")%></td>

            <td><%#DataBinder.Eval(Container.DataItem, "title4")%></td>

        </tr>

        </ItemTemplate>

        <%--<FooterTemplate ></table></FooterTemplate>--%>

        <FooterTemplate >

        <tr>

        <td colspan ="4"  style ="text-align :center;" >结尾</td>

        </tr>

        </FooterTemplate>

    </asp:Repeater>

    </table>

    </div>

    </form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

namespace FileUpload自动上传文件

{

    public partial class Repeater : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            DataTable dt = new DataTable();

            dt.Columns.Add("title1");

            dt.Columns.Add("title2");

            dt.Columns.Add("title3");

            dt.Columns.Add("title4");

            for (int i = ; i < ; i++)

            {

                DataRow row = dt.NewRow();

                row["title1"] = "title1"+i;

                row["title2"] = "title2" + i;

                row["title3"] = "title3" + i;

                row["title4"] = "title4" + i;

                dt.Rows.Add(row);

            }

            rptList.DataSource = dt;

            rptList.DataBind();

        }

    }

}

AlternatingItemTemplate
与 ItemTemplate 元素类似，但在 Repeater 控件中隔行（交替项）呈现一次。通过设置 AlternatingItemTemplate 元素的样式属性，可以为其指定不同的外观。

FooterTemplate

在所有数据绑定行呈现之后呈现一次的元素。典型的用途是关闭在 HeaderTemplate 项中打开的元素（使用 </table> 这样的标记）。

注意 FooterTemplate 不能是数据绑定的。

HeaderTemplate
在所有数据绑定行呈现之前呈现一次的元素。典型的用途是开始一个容器元素（如表），或者用于设置列名注意 HeaderTemplate 项不能是数据绑定的。

ItemTemplate
为数据源中的每一行都呈现一次的元素。若要显示 ItemTemplate 中的数据，请声明一个或多个 Web
服务器控件并设置其数据绑定表达式以使其计算为 Repeater 控件（即容器控件）的 DataSource
中的字段。以下示例显示一个示例声明，它显示包含 Label 控件中的第一个名称的字段。

First Name:

<asp:Label runat="server"

Text="<%# Container.DataItem.FirstName %>" />

SeparatorTemplate

在各行之间呈现的元素，通常是分行符（<br> 标记）、水平线（<hr> 标记）等。

注意 SeparatorTemplate 项不能是数据绑定的。

摘抄于http://www.wzsky.net/html/Program/net/28134.html

Repeater联合UpdatePanal使用，有时候为了局部更新就得使用UpdatePanal

注：UpdatePanal要放在<table></table>外面，每次都应更新整个table,否则会有意想不到的问题

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Repeater.aspx.cs" Inherits="FileUpload自动上传文件.Repeater" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager runat ="server" ></asp:ScriptManager>

    <div>

        <asp:Button ID ="btnSearch" runat ="server" Text ="刷新" onclick="btnSearch_Click"  />

    </div>

    <div>

    <asp:UpdatePanel ID ="UpdatePanel1" runat ="server" RenderMode ="Inline"  UpdateMode ="Conditional" >

    <ContentTemplate >

    <table >

                <tr>

                    <th>标题1</th>

                    <th>标题2</th>

                    <th>标题3</th>

                    <th>标题4</th>

                    <th>时间</th>

                </tr>

    <asp:Repeater ID ="rptList" runat ="server" >

            <SeparatorTemplate >

            <tr>

                <td colspan ="4"><hr /></td>

            </tr>

            </SeparatorTemplate>

        <ItemTemplate >

        <tr>

            <td><%#DataBinder.Eval(Container.DataItem,"title1")%>1</td>

            <td><%#DataBinder.Eval(Container.DataItem, "title2")%></td>

            <td><%#DataBinder.Eval(Container.DataItem, "title3")%></td>

            <td><%#DataBinder.Eval(Container.DataItem, "title4")%></td>

            <td><%#DateTime.Now.ToString()%></td>

        </tr>

        </ItemTemplate>

    </asp:Repeater>

     </table>

  </ContentTemplate>

  <Triggers >

  <asp:AsyncPostBackTrigger ControlID ="btnSearch" EventName ="click" />

  </Triggers>

  </asp:UpdatePanel>

    </div>

    </form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

namespace FileUpload自动上传文件

{

    public partial class Repeater : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                BindRptData();

            }

        }

        protected void btnSearch_Click(object sender, EventArgs e)

        {

            BindRptData();

        }

        private void BindRptData()

        {

             DataTable dt = new DataTable();

            dt.Columns.Add("title1");

            dt.Columns.Add("title2");

            dt.Columns.Add("title3");

            dt.Columns.Add("title4");

            for (int i = ; i < ; i++)

            {

                DataRow row = dt.NewRow();

                row["title1"] = "title1"+i;

                row["title2"] = "title2" + i;

                row["title3"] = "title3" + i;

                row["title4"] = "title4" + i;

                dt.Rows.Add(row);

            }

            rptList.DataSource = dt;

            rptList.DataBind();

        }

    }

}

Repeater控件用法的更多相关文章

asp.net中Repeater控件用法笔记
大家可能都对datagrid比较熟悉,但是如果在数据量大的时候,我们就得考虑使用 repeater作为我们的数据绑定控件了.Repeater控件与DataGrid (以及DataList)控件的主要区 ...
十三、asp.net中Repeater控件用法笔记
大家可能都对datagrid比较熟悉,但是如果在数据量大的时候,我们就得考虑使用 repeater作为我们的数据绑定控件了.Repeater控件与DataGrid (以及DataList)控件的主要区 ...
{Repeater控件} Repeater控件的用法流程及实例
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
Repeater控件的详细用法
中隔行(交替项)呈现一次.通过设置 AlternatingItemTemplate 元素的样式属性,可以为其指定不同的外观. FooterTemplate在所有数据绑定行呈现之后呈现一次的元素.典型的 ...
asp.net学习之Repeater控件
asp.net学习之Repeater控件文章摘自:http://www.cnblogs.com/shipfi/archive/2009/10/19/1585703.html Repeater控件和D ...
Asp.net Repeater控件
Repeater控件和DataList控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行. Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出 ...
在Repeater控件中使用if语句
原文:在Repeater控件中使用if语句 .Afr_ARTICLE_TITLE { font: NORMAL BOLD 14px "Tahoma"; } .Afr_CONTENT ...
ASP.Net中通过Jquery前端对Repeater控件绑定的数据进行操作
说明:由于Repeater控件是动态绑定,通过Id获取数据只能默认获取第一行: 1.对Repeater中div设置样式 2.通过$(".css").each(function(){ ...
Repeater 控件
Repeater 控件是一个容器控件,可用于从网页的任何可用数据中创建自定义列表.Repeater 控件没有自己内置的呈现功能,这意味着用户必须通过创建模板来提供 Repeater 控件的布局.当网页 ...

随机推荐

解决VS+opencv中Debug版本与Release版本lib切换的问题
Author: Maddock Date: 2015-03-26 09:34:48 问题来源:http://bbs.csdn.net/topics/390733725 PS: 按照上述方法做的时候,在 ...
java中定时器的四种方法
package com.lid; import java.util.Calendar; import java.util.Date; import java.util.Timer; import ja ...
mac 下用 glfw3 搭建opengl开发环境
mac 下用 glfw3 搭建opengl开发环境下载编译 glfw3 Build Setting 里面, Library Search Paths -> 设置好编译 glfw 库的路径 H ...
svn在linux上的安装
什么是svnSVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS,它采用了分支管理系统,它的设计目标就是取代CVS.互联网上很多版本控制服务已从CVS迁移到Subv ...
sublime代码片段
创建方法:Tools > New Snippet 这时你会看到如下示例代码: <snippet> <content><![CDATA[ Hello, ${ ...
Django+Tastypie作后端，RequireJS+Backbone作前端的TodoMVC
一.配置好环境接着前一篇的例子,顺带测试一下已下载下来example里面的backbone_require的例子注意:直接本地用backbone.localStorage插件运行TodoMVC会报 ...
sublime中让成对括号高亮显示的设置步骤
1.首先安装package controlPackage Control 安装方法首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Pyt ...
[转]passport.js学习笔记
概述 passport.js是Nodejs中的一个做登录验证的中间件,极其灵活和模块化,并且可与Express.Sails等Web框架无缝集成.Passport功能单一,即只能做登录验证,但非常强大, ...
洛谷 P2701 [USACO5.3]巨大的牛棚Big Barn Label:二维数组前缀和你够了这次我用DP
题目背景 (USACO 5.3.4) 题目描述农夫约翰想要在他的正方形农场上建造一座正方形大牛棚.他讨厌在他的农场中砍树,想找一个能够让他在空旷无树的地方修建牛棚的地方.我们假定,他的农场划分成 N ...
docker 配置文件引发的问题
好久没有配置 vmware / harbor 了,突然间来了兴趣,结果让我失望了,登陆反复的被refused; 这个是配置文件地址:https://github.com/vmware/harbor/b ...

Repeater控件用法

Repeater控件用法的更多相关文章

随机推荐

热门专题