基础知识

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > 基础知识 > Repeater控件数据绑定

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

作者:大CC

这篇文章介绍了ASP.NET实现Repeater控件数据绑定的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

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();
    }
}

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

您可能感兴趣的文章:
阅读全文