Repeater中实现多行间隔显示分隔符的方法

发布时间:2021-01-29 15:53:50 作者:小新
来源:亿速云 阅读:154

小编给大家分享一下Repeater中实现多行间隔显示分隔符的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

Repeater多行间隔显示分隔符的方法,如图

Repeater中实现多行间隔显示分隔符的方法

本例使用 vs.net 2008(C#)编写后台.CS代码。来自 admin10000.com

 protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                rptList.DataSource = GetTable();
                rptList.DataBind();
            }
        }

        protected void rptList_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
            {
                DataRowView drv = (DataRowView)e.Item.DataItem;
                Literal ltlTitle = (Literal)e.Item.FindControl("ltlTitle");
                ltlTitle.Text = drv.Row["title"].ToString();
                if ((e.Item.ItemIndex + 1) % 5 == 0 && (e.Item.ItemIndex + 1) < 15)
                {
                    System.Web.UI.LiteralControl ul = new LiteralControl("</ul><p class=\"sep\"></p><ul>");
                    e.Item.Controls.Add(ul);
                }
            }
        }

        DataTable GetTable()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("title", typeof(string));
            for (int i = 1; i <= 15; i++)
            {
                DataRow row = dt.NewRow();
                row["title"] = "这是文章标题 " + i + "";
                dt.Rows.Add(row);
            }
            return dt;
        }

前台.aspx代码

<form id="form1" runat="server">
    <p>
     <asp:Repeater ID="rptList" runat="server" 
            onitemdatabound="rptList_ItemDataBound">
            <HeaderTemplate>
                <ul>
            </HeaderTemplate>
            <ItemTemplate>
                <li>
                    <asp:Literal ID="ltlTitle" runat="server"></asp:Literal></li>
            </ItemTemplate>
            <FooterTemplate>
                </ul></FooterTemplate>
        </asp:Repeater>
    </p>
    </form>

看完了这篇文章,相信你对“Repeater中实现多行间隔显示分隔符的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. Repeater中DataSource和数据显示总结
  2. css实现单行、多行文本超出显示省略效果的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

repeater

上一篇:怎么在Android中利用Scrollview实现一个滑动渐变效果

下一篇:怎么在Android中通过自定义View实现一个圆弧进度效果

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》