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>