Web编程 订阅所有【Web编程】的日志

Repeater一行多列示例

编辑:dnawo 日期:2011-03-01

字体大小: 小 中 大
复制内容到剪贴板程序代码 程序代码
<%@ Page Language="C#" %>

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

<script runat="server">
    int RepeatColumns = 3; //每行列数
    int TotalColumns = 0; //计数器
    
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            DataList();
        }
    }

    protected void DataList()
    {
        string[] lstUsers = { "user1", "user2", "user3", "user4", "user5" };
        Repeater1.DataSource = lstUsers;
        Repeater1.DataBind();
    }

    protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        TotalColumns++;
        if (TotalColumns % RepeatColumns == 0)
            e.Item.Controls.Add(new LiteralControl("<br/>"));
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="Repeater1" runat="server"
            onitemdatabound="Repeater1_ItemDataBound">
        <ItemTemplate><%# Container.DataItem %> </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
</html>


上一篇: ASP.NET多层结构不用非默认构造函数创建实体对象
下一篇: 300dpi，31mm*31mm的图片在页面上尺寸为多少？
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 4394
发表评论
请登录后再发表评论！