当前位置: 代码迷 >> ASP.NET >> Asp.net 嵌前台程序的有关问题
  详细解决方案

Asp.net 嵌前台程序的有关问题

热度:585   发布时间:2013-02-25 00:00:00.0
Asp.net 嵌前台程序的问题
CSS样式
CSS code
.rlist ul { margin:0px; padding:0 5px 0 }.rlist li{  text-align:left;  line-height:24px;  list-style-type:none; font-size:12px;  height:24px;  overflow: hidden;}.rlist li a{color: #2A2A2A;font-size:12px; text-decoration: none;line-height:24px;text-align:left;}.rlist li a:hover {color: #F46613;text-decoration: underline;line-height:24px;} 


美工提供代码
HTML code
<div class="rlist" style="width:250px">          <ul>           <li><a href="#"><span class="ico"></span>显示5条</a></li>                      <li><a href="#"><span class="ico"></span>金莎称斯琴格日乐泼妇 斯琴格日乐:她失礼在先</a></li>                      <li><a href="#" ><span class="ico"></span>尚雯婕北京个唱完美落幕 百变造型惊艳全</a></li>                      <li><a href="#"><span class="ico"></span>为整形医院开业剪彩 刘晓庆口</a></li>                      <li><a href="#" ><span class="ico"></span>金莎称斯琴格日乐泼妇 斯琴格日</a></li>                      <li><a href="#" ><span class="ico"></span>金莎称斯琴格日乐泼妇 斯琴格日</a></li>                    </ul>                  </div>


问题:用什么控件绑定数据,可以实现CSS样式及div结构不变?

跪求高人解答


------解决方案--------------------------------------------------------
Repeater 是生成代码最干净的

里面有三个模板 头 内容 和尾

<div class="rlist" style="width:250px"> 放到 头模板

 <ul>
<li><a href="#"><span class="ico"></span>显示5条</a></li>
<li><a href="#"><span class="ico"></span>金莎称斯琴格日乐泼妇 斯琴格日乐:她失礼在先</a></li>
<li><a href="#" ><span class="ico"></span>尚雯婕北京个唱完美落幕 百变造型惊艳全</a></li>
<li><a href="#"><span class="ico"></span>为整形医院开业剪彩 刘晓庆口</a></li>
<li><a href="#" ><span class="ico"></span>金莎称斯琴格日乐泼妇 斯琴格日</a></li>
<li><a href="#" ><span class="ico"></span>金莎称斯琴格日乐泼妇 斯琴格日</a></li>
</ul>

放到内容模板

</div> 放到尾模板



------解决方案--------------------------------------------------------

用Repeater 控件来实现吧

<div class="rlist" style="width:250px"> 
<ul>

<asp:Repeater ID="rptMenu" runat="server">
<ItemTemplate >
<li>
<a href="<%#Eval("menu_links")%>"><span class="ico"></span><%# Eval("menu_titles")%></a>
</li> 
</ItemTemplate>
</asp:Repeater>

</ul>
</div>

  相关解决方案