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

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>