asp:listview在每3个项目之后添加一个<div class =“clear”> </div>

时间:2011-12-16 15:28:54

标签: c# asp.net listview

我将如何进行(最好不在背后的代码中)在第三项中添加一个明确的内容。这是有问题的代码......

 <asp:ListView ID="lvproducts" runat="server" DataSourceID="entyproducts">
 <ItemTemplate>
  <div class="s_item grid_3"> <a class="s_thumb" href="product.html"><img  
   src="images/product_180x180.jpg" title="Samsung SyncMaster 941BW" alt="Samsung 
    SyncMaster 941BW" /></a>
      <h3><a href="products.aspx"><%# Eval("title") %>  </a></h3>
      <p class="s_model"><%# Eval("model") %>  </p>
       $ <%# Eval("salesprice") %>  
      <p class="s_rating s_rating_5"><span style="width: 60%;" class="s_percent">   
      </span></p>
      <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span   
       class="s_icon"></span>Add to Cart</span></a>
    </div>
   </ItemTemplate>
 </asp:ListView>

在原始标记中,设计者在列表中的每三个项目之后都有<div class="clear"></div>。我该怎么做(最好不在背后的代码中)?他们是一个模板我可以把它放进去(我认为应该有)?

2 个答案:

答案 0 :(得分:4)

试试这个,

    <asp:ListView ID="lvproducts" runat="server" DataSourceID="entyproducts">
        <ItemTemplate>
            <div class="s_item grid_3">
                <a class="s_thumb" href="product.html">
                    <img src="images/product_180x180.jpg" title="Samsung SyncMaster 941BW" alt="Samsung  
SyncMaster 941BW" /></a>
                <h3>
                    <a href="products.aspx">
                        <%# Eval("title") %>
                    </a>
                </h3>
                <p class="s_model">
                    <%# Eval("model") %>
                </p>
                $
                <%# Eval("salesprice") %>
                <p class="s_rating s_rating_5">
                    <span style="width: 60%;" class="s_percent"></span>
                </p>
                <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span
                    class="s_icon"></span>Add to Cart</span></a>
            </div>
            <%# (Container.DataItemIndex != 0 && (Container.DataItemIndex+1) % 3 == 0) ? @"<div class='clear'></div>" : string.Empty %>
        </ItemTemplate>
    </asp:ListView>

答案 1 :(得分:1)

jQuery是你的朋友:)

把它放在你的页面顶部。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
    $(function(){
         $("a.s_button_add_to_cart").append("<div class="clear"></div>");}
</script>

有关如何准确选择所需内容的更多信息:http://api.jquery.com/category/selectors/

如果你今天没有使用它,你会错过一个真正强大的库:)其他人都在使用它..那你为什么不呢? :P PEEEER压力! :d

http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/