zoukankan      html  css  js  c++  java
  • 让Repeater控件横向显示一定数目的记录

    前台代码:
    <table cellpadding="5" cellspacing="0" border="0" width="90">
        <tr>
           <%BindRelatedProducts();%>
           <asp:Repeater ID="rptRelatedProducts" Runat=server>
                 <ItemTemplate>                        
                       <td class="mm blue" valign="top"><a href="Show.aspx?PID=<%# DataBinder.Eval(Container.DataItem, "ProductID") %>" target=_blank><img src='<%=config.Path%>upload/<%=product.ProductImg%>' border=0 width="90"></a><br>>> <a href="Show.aspx?PID=<%# DataBinder.Eval(Container.DataItem, "ProductID") %>" target=_blank><%#DataBinder.Eval(Container.DataItem,"Name")%></a></td>
                 <%# showtr((Container.ItemIndex+1).ToString())%>
                 </ItemTemplate>
           </asp:Repeater>
       </tr>
    </table>
    后台代码:
    public string showtr(string num)
      {
            string result = "";
            if(int.Parse(num) % 6 == 0)
            {
                 result = "</tr><tr>";
            }
            return result;
      }

    其实只要设置好repeater的样式即可控制每行显示记录条数

    <div class="productList">
        <asp:Repeater ID="Repeater1" runat="server" >
        <HeaderTemplate>
        <ul>
        </HeaderTemplate>
                 <ItemTemplate>
                   <li>
                     <a href="GoodsToDetails.aspx?goodsid=<%#Eval("GoodsID") %>&goodsname=<%#Eval("GoodsName")%>" target="_blank" >
                                       
                      <img alt="<%#Eval("GoodsName") %> "  src= "<%#DataBinder.Eval(Container.DataItem,"mImageUrl")%>"  width="113px" height="147px">
                    </a>
                    &nbsp;&nbsp;&nbsp;<p class="product_msg">
                    <a target="_blank" title="<%#Eval("GoodsName") %>"  href="GoodsToDetails.aspx?goodsid=<%#Eval("GoodsID") %>&goodsname=<%#Eval("GoodsName")%>"> <%#CutString(Eval("GoodsName").ToString() ,50) %> </a>
                    </p>
                    <p class="mprice">市场价¥<span><%#Eval("MarketPrice")%></span></p>
                    <p class="hprice">售价¥<span><%#Eval("HotPrice")%></span></p>
                   </li> 
             </ItemTemplate>
        <FooterTemplate>
        </ul>          
        </FooterTemplate>
        </asp:Repeater>
    </div>

    样式设置如下:

     .productList{
       border:1px solid #B7B7B7;
       margin:0px;
       560px;
       }
      .productList ul{
       margin:0px;
       padding:0px;
       list-style:none;
       }
       .productList li{
       display:inline;
       float:left;
       height:224px;
       margin:10px 12px 20px 0px;
       115px;
       list-style:none;
       }

  • 相关阅读:
    Oracle-通过创建索引加快SQL执行效率
    Oracle-DG,MRP进程无法正常应用问题处理,重启大法好
    Oracle-DG,12c pdb创建测试
    Oracle-DG,疑问主库添加日志后,备库未操作主库日志比备库日志数量多,有什么影响?
    Oracle-DG疑问,什么情况下主库会发出一个会话连接备库
    Oracle-DG 主库将log_archive_dest_state_2远程归档线程参数设置为defer,为什么dg还是处于实时同步状态?
    Oracle-rm误删除数据文件,如何强制删除文件启动db
    Oracle-buffer cache过小导致SQL执行时间长
    win10下完全卸载-重装MySQL
    VSCode配置详细教程
  • 原文地址:https://www.cnblogs.com/lushuicongsheng/p/1907396.html
Copyright © 2011-2022 走看看