日期:2014-05-18  浏览次数:20484 次

求一个用DataList展示商品的模板
基本要求:
1.包括一个限高限宽的图片,等比例缩放,居中对齐,
2.图片底下有一个链接,链接的字数有最大限制,如20字,超过部分自动截取;
3.最底下是普通文字,也有最大字数限制,自动截取;
4.不管图片有没有,多大多小,文字多少,都不影响整体的布局,
  也就是说,DataList里面,某一款商品的内部的变化,不影响其他商品的布局。

附一个模板itemTemplate
请说一下样式prdS和imgS的要求,和截取方式,谢谢。

HTML code

<div class="prdS"  >     
         <div class="imgS">
         <a href="Product.aspx?pid=<%#Eval("pid") %>"  target="_blank">
         <img src='<%# Eval("Image") %>'  />
          </a> </div> 
        
        <a href="Product.aspx?pid=<%#Eval("pid") %>"  target="_blank">
<%# Eval("Name")%>  <%#Eval("Spec")%></a><br /> 
       </span><span class="price">¥<%#Eval("Price")%></span>
</div>



------解决方案--------------------
HeaderTemplate、ItemTemplate、FooterTemplate
这三个标签是dataList里边的三个标签,其中HeaderTemplate和FooterTemplate可以放一些静态的图片和样式,ItemTemplate可以放读取出来的数据并循环行或列。
把你的布局加样式根据自己的需要放进这三个标签就可以了
------解决方案--------------------
比如
<HeaderTemplate>
<table><tr><td style="text-align:right;" colspan="2">更多&nbsp;&nbsp;</td></tr>
<tr><td colspan="2"><hr /></td></tr>
</HeaderTemplate>
<ItemTemplate>
<tr><td style="text-align:left"><%# InfoInitialization.CheckStr(Eval("title"), 17)%></td><td style="text-align:right"><%# Convert.ToDateTime(Eval("PublicDate")).ToString("yyyy年MM月dd日")%></td></tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
------解决方案--------------------
自己写样式额....你这不是个问题,是个懒的问题