日期:2014-05-17  浏览次数:20439 次

Repeater如何做到一行显示两列数据。

后台代码
C# code

        protected void Page_Load(object sender, EventArgs e)
        {
 this.RepeaterProduct.DataSource = ProductTable;
            this.RepeaterProduct.DataBind();

        }




前台代码
我这样的前台代码的方式一行显示是两列,但两列的数据是一样的。不知要怎么解决
HTML code

<div class="v2">
 <asp:Repeater ID="RepeaterProduct" runat="server">
                               <ItemTemplate>                            
   <ul class="pro_lst1 clearfix">
                <li class="fl border_r">
                    <div class="pic_v2 fl">
                        <img src="../ProductImg/hrm.png" />
                    </div>
                    <div class="info_v2 fr">
                        <h3><%#Eval("ProductName") %></a></h3>
                        <div class="space_t">
                            <a class="btn1_v2" >立即下载</a>
                        </div>
                    </div>
                </li>

                <li class="fl">
                    <div class="pic_v2 fl">
                        <img src="../ProductImg/hrm.png" />
                    </div>
                    <div class="info_v2 fr">
                        <h3><%#Eval("ProductName") %></h3>
                            <a class="btn1_v2 stress sepa_rs" >立即下载</a>
                        </div>
                    </div>
                </li>
               </ul>
            <hr class="solid_v2" />

</ItemTemplate>
</asp:Repeater>
</div>




------解决方案--------------------
<ul class="pro_lst1 clearfix">
<asp:Repeater ID="RepeaterProduct" runat="server">
<ItemTemplate>
<li class="fl border_r">
<div class="pic_v2 fl">
<img src="../ProductImg/hrm.png" />
</div>
<div class="info_v2 fr">
<h3><%#Eval("ProductName") %></a></h3>
<div class="space_t">
<a class="btn1_v2" >立即下载</a>
</div>
</div>
</li>
</ItemTemplate>
</asp:Repeater>

</ul>