• 控件深入详解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"
  • 相关阅读:
    新mac本安装Homebrew姿势(大前提:需要FQ)
    git 常用命令
    elementUI 函数自定义传参
    微信小程序避坑指南——echarts层级太高/层级遮挡
    前端向后端传递formData类型的二进制文件
    elemetnUI表格分别给列表每一个按钮加loading
    前端获取cookie,并解析cookie成JSON对象
    elementUI 输入框用户名和密码取消自动填充
    AOP面向切面编程
    关于ArrayList、HashSet、HashMap在并发下不安全的实例以及解决办法
  • 原文地址:https://www.cnblogs.com/zzxap/p/2175590.html
Copyright © 2020-2023  润新知