广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >ASP.NET实现Repeater控件的数据绑定
  • 509
分享到

ASP.NET实现Repeater控件的数据绑定

2024-04-02 19:04:59 509人浏览 八月长安
摘要

Repeater基础 在aspx文件中加入Repeater 控件,在<ItemTemplate></ItemTemplate>包含的范围里加入自己控制的代码,

Repeater基础

在aspx文件中加入Repeater 控件,在<ItemTemplate></ItemTemplate>包含的范围里加入自己控制的代码,需要替换的变量使用<%# Eval("SellerName")%>;注意两侧的引号。

.aspx:

<asp:Repeater ID="SellerRpt" runat="server">
    <ItemTemplate>
        <li><a href='<%# Eval("SellerName")%>' target="_blank">
            <%# Eval("ComName")%></a></li>
    </ItemTemplate>
</asp:Repeater>

对应的后台cs中,在页面加载处加入数据绑定的代码:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DataTable dt = SellerDA.GetTopHotSellers(9);
        SellerRpt.DataSource = dt;
        SellerRpt.DataBind();
    }
}

aspx中"SellerName"、"ComName"为DataTable 中的列名。

优化

直接使用Dataitem可减少Eval函数的执行步骤,优化页面解析时间:

<%# ((DataRowView)Container.DataItem)["SellerName"]%>替换<%# Eval("SellerName")%>

ArrayList数据源

如果数据源是ArrayList,并且ArrayList为一列string数组,则可不用写出列名:

.aspx:

<asp:Repeater ID="topAdHintRpt" runat="server">
    <ItemTemplate>
        <asp:Label ID="BarLabel" CSSClass="bar" runat="server" Text="|"></asp:Label>
        <a href="#" rel="external nofollow" ><span>
            <%#Container.DataItem%></span></a>
    </ItemTemplate>
</asp:Repeater>

.cs:

ArrayList alterText;
AdDA.GetIndexTopList(out alterText);
topAdHintRpt.DataSource = alterText;
topAdHintRpt.DataBind();

处理后显示

某些情况下,数据库中检索出来的数据并不适合直接显示出来,想要适当处理后显示(eg:日期的格式,字符串长度的控制),可使用标签来占位,在onitemdatabound函数中自行控制:

.aspx:

<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="ProRpt_ItemDataBound">
    <ItemTemplate>
        <asp:Label ID="colinDate" runat="server" Text=""></asp:Label>
    </ItemTemplate>
</asp:Repeater>

.cs:

protected void ProRpt_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.Alternatingitem)
    {
        DataRowView rowv = (DataRowView)e.Item.DataItem;//找到分类Repeater关联的数据项 
        string strDate = rowv["clDate"].ToString();
        Label DateLB = e.Item.FindControl("colinDate") as Label;
        DateLB.Text = strDate.Substring(0, 10);
    }
}

嵌套Reapeter的显示

对于某些复杂的显示逻辑,需用用到Reapeter的嵌套,这里需要自行控制2层数据源的数据绑定:

.aspx:

<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="ProRpt_ItemDataBound">
    <ItemTemplate>
        <asp:Repeater ID="ParaRpt" runat="server" OnItemDataBound="ParaRpt_ItemDataBound">
            <ItemTemplate>
                <asp:Label ID="bar" CssClass="bar" runat="server" Text="|"></asp:Label>
                <span class="para">
                    <%# Eval("Name")%>:
                    <%# Eval("Value")%></span>
            </ItemTemplate>
        </asp:Repeater>
    </ItemTemplate>
</asp:Repeater>

.cs:

protected void ProRpt_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    //判断里层repeater处于外层repeater的哪个位置( AlternatingItemTemplate,FooterTemplate,
    //HeaderTemplate,,ItemTemplate,SeparatorTemplate
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        Repeater rep = e.Item.FindControl("ParaRpt") as Repeater;//找到里层的repeater对象
        DataRowView rowv = (DataRowView)e.Item.DataItem;//找到分类Repeater关联的数据项 
        string str = Convert.ToString(rowv["Pro_Content"]); //获取填充子类的内容
        rep.DataSource = Product.FillPara(str);
        rep.DataBind();
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: ASP.NET实现Repeater控件的数据绑定

本文链接: https://www.lsjlt.com/news/154162.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ASP.NET实现Repeater控件的数据绑定
    Repeater基础 在aspx文件中加入Repeater 控件,在<ItemTemplate></ItemTemplate>包含的范围里加入自己控制的代码,...
    99+
    2022-11-13
  • ASP.NET中怎么实现一个数据绑定控件
    本篇文章给大家分享的是有关ASP.NET中怎么实现一个数据绑定控件,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。ASP.NET数据绑定控件一.回顾如果你使用过ASP.NET内置...
    99+
    2023-06-18
  • 怎么实现DataGridView控件的数据绑定
    这篇文章主要介绍了怎么实现DataGridView控件的数据绑定,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。使用DataGridView控件,可以显示和编辑来自多种不同类型...
    99+
    2023-06-29
  • ASP.NET复合控件引发数据绑定事件的示例分析
    这篇文章主要为大家展示了“ASP.NET复合控件引发数据绑定事件的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ASP.NET复合控件引发数据绑定事件的示例分析”这篇文章吧。生成数据绑定...
    99+
    2023-06-18
  • 详解DataGridView控件的数据绑定
    目录一、非绑定模式二、绑定模式示例程序:1、界面设计如下图:2、代码实现如下:使用DataGridView控件,可以显示和编辑来自多种不同类型的数据源的表格数据。 将数据绑定到Dat...
    99+
    2022-11-13
  • ASP.NET 中怎么利用Eval实现数据绑定
    本篇文章给大家分享的是有关ASP.NET 中怎么利用Eval实现数据绑定,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。ASP.NET Eval 2.0 的数据绑定函数Eval(...
    99+
    2023-06-17
  • GridView绑定数据的实现-wpf数据绑定
    在WPF中,可以通过以下步骤实现GridView的数据绑定:1. 创建一个数据模型类,用于表示你要绑定的数据对象。该类应该实现INo...
    99+
    2023-09-22
    GridView
  • winform数据绑定控件是什么
    WinForm数据绑定控件是一组用于将数据与Windows Forms应用程序中的控件进行绑定的工具和组件。这些控件包括数据源控件、...
    99+
    2023-10-12
    winform
  • .Net使用XtraGrid控件绑定数据
    目录设计数据源并绑定字段:表格数据与数据源的数据同步新增一条记录,添加行删除选中行获取选定行,指定列单元格的内容Get/Set 单元格的值选中行改变绑定行数据到对应控件中1、判断是否...
    99+
    2022-11-13
  • 怎么使用DataGrid控件绑定数据
    要使用DataGrid控件绑定数据,您可以按照以下步骤进行操作:1. 首先,确保您已经在项目中添加了DataGrid控件。这通常涉及...
    99+
    2023-10-10
    DataGrid
  • datagridview控件绑定数据的方式有哪些
    DataGridView控件可以通过以下方式绑定数据:1. 数据源绑定:使用DataGridView的DataSource属性将数据...
    99+
    2023-08-08
    datagridview
  • WPF实现数据绑定
    简单而言, 数据绑定是一种关系, 这种关系告诉WPF 从一个源目标对象中提取一些信息, 并且使用该信息设置为目标对象的属性。目标属性总是依赖项属性, 并且通常位于WPF元素中。 然而...
    99+
    2022-11-13
  • C#开发WinForm清空DataGridView控件绑定的数据
    使用DataGridView控件绑定数据后有时需要清空绑定的数据,在清除DataGridView绑定的数据时: 1、设置DataSource为null this.dgvDemo.Da...
    99+
    2022-11-13
  • AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件,支持多样式多数据绑定
    本控件可以对GridView,Repeater,DataGrid,DataList...几乎所有的.net数据绑定控件进行分页,全部无刷新,数据绑定部分可以使用存储过程也可以直...
    99+
    2022-06-07
    ajax分页 ASP.NET 数据绑定 数据
  • c#中datagridview控件绑定数据的方法有哪些
    在C#中,可以通过以下几种方法绑定数据到DataGridView控件:1. 使用DataTable:可以通过将DataTable对象...
    99+
    2023-08-08
    c# datagridview
  • 使用嵌套的Repeater控件和VisualC#.NET显示分层数据
    可以使用嵌套的Repeater控件和Visual C#.NET来显示分层数据。以下是一个示例:假设有以下数据结构:```csharp...
    99+
    2023-09-08
    C#
  • layui数据绑定怎么实现
    在layui中,可以通过使用模板引擎来实现数据绑定。以下是一个实现数据绑定的示例代码:1. 在HTML中定义一个模板:```html...
    99+
    2023-09-15
    layui
  • vue实现双向数据绑定
    本文实例为大家分享了vue实现双向数据绑定的具体代码,供大家参考,具体内容如下 vue中数组与对象采用了不同的绑定方式 1.vue对象数据绑定 (1)数据侦测 在js中,我们使用Ob...
    99+
    2022-11-12
  • Flex怎么实现数据绑定
    小编给大家分享一下Flex怎么实现数据绑定,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Flex数据绑定的概念从字面上看,“绑定”表示将若干个物体捆绑在一起。使用...
    99+
    2023-06-17
  • VB.NET如何实现数据绑定
    这篇文章主要为大家展示了“VB.NET如何实现数据绑定”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“VB.NET如何实现数据绑定”这篇文章吧。数据绑定技术是用.Net程序开发语言进行数据方面编程...
    99+
    2023-06-17
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作