• 控件深入详解1


    <asp:datalist id="MyList" runat="server"> <ItemTemplate> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=<%# DataBinder.Eval(Container.DataItem, "id")%>" target="frmleft"><font ><%# DataBinder.Eval(Container.DataItem, "name")%></font></a></li> </ItemTemplate> </asp:datalist> 编译后代码如下: <div id="daohang"> <table id="menuhead1_MyList" cellspacing="0" border="0" style="border-collapse:collapse;"> <tr> <td> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=1" target="frmleft"><font >手机</font></a></li> </td> </tr><tr> <td> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=2" target="frmleft"><font >笔记本</font></a></li> </td> </tr><tr> <td> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=3" target="frmleft"><font >电脑配件</font></a></li> </td> </tr><tr> <td> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=4" target="frmleft"><font >服装</font></a></li> </td> </tr><tr> <td> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=5" target="frmleft"><font >玩具</font></a></li> </td> </tr><tr> <td> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=6" target="frmleft"><font >其它</font></a></li> </td> </tr> </table> </div>
    HTML code
    <asp:Repeater id="MyList" runat="server"> <ItemTemplate> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=<%# DataBinder.Eval(Container.DataItem, "id")%>" target="frmleft"><font ><%# DataBinder.Eval(Container.DataItem, "name")%></font></a></li> </ItemTemplate> </asp:Repeater> 生成代码如下 <div id="daohang"> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=1" target="frmleft"><font >手机</font></a></li> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=2" target="frmleft"><font >笔记本</font></a></li> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=3" target="frmleft"><font >电脑配件</font></a></li> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=4" target="frmleft"><font >服装</font></a></li> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=5" target="frmleft"><font >玩具</font></a></li> <li style=" list-style-type:none;float:left;10%; margin:2px auto; "> <a href="menuleft.aspx?id=6" target="frmleft"><font >其它</font></a></li> </div> datalist 硬生生的套了一个table上去.多了很多标签. repeater就简洁很多了.忠实于原格式. 如果只是简单显示数据加上自己的css比较厉害,那就用repeater 如果想每行显示多少列 打横显示还是打竖显示就用datalist简单配置一下 RepeatDirection="Horizontal" RepeatColumns="2"
  • 相关阅读:
    AOP代理对象生成
    redis 3.2 新数据结构:quicklist、String的embstr与raw编码方式分界点
    关系数据库/分布式系统一致性模型
    JDK1.8 StampedLock: 解决ReentrantReadWriteLock在读多写少情况下,写线程饥饿问题
    JDK1.8 LongAdder 空间换时间: 比AtomicLong还高效的无锁实现
    相对路径
    python用matplotlib画折线图
    python 信息同时输出到控制台与文件
    keras 设置GPU使用率
    python – 基于pandas中的列中的值从DataFrame中选择行
  • 原文地址:https://www.cnblogs.com/zzxap/p/2175590.html
Copyright © 2020-2023  润新知