zoukankan      html  css  js  c++  java
  • repeater多行多列带补齐td功能的实现

    代码:

    .aspx

        <asp:Repeater ID="list" runat="server" OnItemDataBound="list_ItemDataBound" OnItemCreated="list_ItemCreated">
    <HeaderTemplate>
    <table width="636" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"><tr>
    </HeaderTemplate>
    <ItemTemplate>
    <td height="24" align="center" bgcolor="#FFFFFF"><%#Eval("ID") %></td>
    </ItemTemplate>
    <FooterTemplate>
    </tr></table>
    </FooterTemplate>
    </asp:Repeater>

    .aspx.cs

        protected void Page_Load(object sender, EventArgs e)
    {
    DataTable dt = new DataTable();
    dt.Columns.Add("id", typeof(string));
    for (int i = 1; i <=8; i++)
    {
    DataRow dr = dt.NewRow();
    dr[0] = i.ToString();
    dt.Rows.Add(dr);
    }

    list.DataSource = dt;
    list.DataBind();
    dt.Dispose();
    }

    protected void list_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
    if (i % 6 == 0 && i > 0 && i != list.Items.Count)
    {
    e.Item.Controls.Add(new LiteralControl("</tr><tr>"));
    }

    if (e.Item.ItemType == ListItemType.Footer && list.Items.Count % 6 != 0)
    {
    LiteralControl li = e.Item.Controls[0] as LiteralControl;
    string oldHTML = li.Text;
    string newHTML = String.Empty;
    for (int c = list.Items.Count % 6; c < 6; c++)
    {
    newHTML += " <td height=\"24\" align=\"center\" bgcolor=\"#FFFFFF\"> </td> ";
    }
    li.Text = newHTML + oldHTML;
    }
    i++;
    }



  • 相关阅读:
    (项目)在线教育平台(九)
    (项目)在线教育平台(八)
    界面渐变特效 -- CSS实现 -- 兼容IE8
    固定背景图片铺满浏览器窗口
    时间连带上下午
    慢显示动画
    CSS强制英文、中文换行与不换行 强制英文换行
    html5 标签在 IE 下使用
    html5 兼容版本 video
    添加到收藏夹
  • 原文地址:https://www.cnblogs.com/superfeeling/p/2371836.html
Copyright © 2011-2022 走看看