zhixin's profileMYspace.comPhotosBlogLists Tools Help

Blog


    June 16

    DataList 横向排版及CSS 设置

    下午搞了一个dataList横排表格,留个脚印吧。
     
    <table width="100%" border="1" style="border-collapse: collapse;" style="border: 1px solid block"
                bordercolor="#111111" cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        开始时间
                    </td>
                    <td rowspan="3">
                        <asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
                            <ItemTemplate>
                                <table width="100%" border="1" frame="rhs" style="border-collapse: collapse; border-bottom: 1px solid block"
                                    bordercolor="#111111">
                                    <tr>
                                        <td style="background-color: White">
                                            <%# DataBinder.Eval(Container.DataItem, "CreateDate","{0:yyyy-MM-dd}")%>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="background-color: White">
                                            <%# DataBinder.Eval(Container.DataItem, "NewsTitle")%>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="background-color: White">
                                            <%# DataBinder.Eval(Container.DataItem, "ExpireDate","{0:yyyy-MM-dd}")%>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:DataList>
                    </td>
                </tr>
                <tr>
                    <td class="style1">
                        标题
                    </td>
                </tr>
                <tr>
                    <td class="style1">
                        过期时间
                    </td>
                </tr>
            </table>
     
    下面一个是repeater的
     
    <asp:Repeater   runat="server"   id="repeater1"   OnItemDataBound="Repeater1_ItemDataBound">  
      <HeaderTemplate>  
      <table   width="100%"   border=0   align="center"><tr>  
      </HeaderTemplate>  
      <ItemTemplate>  
      <td><%#DataBinder.Eval(Container.DataItem,"字段名")%></td>  
      </ItemTemplate>  
      <FooterTemplate>  
      </tr></table>  
      </FooterTemplate>  
      </asp:Repeater>  
       
      ---------------------  
      //定义全局变量i  
      int   i=0;  
      void   Repeater1_ItemDataBound(object   src,RepeaterItemEventArgs   e){  
      if(i%3==0){  
      e.Item.Controls.Add(new   LiteralControl("</tr><tr>"));  
      }  
      i++;  
      }