2013-10-08 22 views
0

在中繼器項目模板中,我可以製作替代的一個difFerent.ie..1藍色下一個白色,下一個藍色,白色......的顏色。中繼器項目模板顏色

在這個項目模板中,我有一個頭部分割和細節劃分。我希望頭部部分有像網格視圖的替代顏色。是否有可能..? 感謝

<ItemTemplate> 


<div id='h<%# DataBinder.Eval(Container, "ItemIndex") %>' class="header" 
     onclick='ToggleDisplay(<%# DataBinder.Eval(Container, "ItemIndex") %>);' style="border-style: none;"> 
    <asp:Panel ID="Panel3" runat="server" Height="30px" BorderStyle="Groove" BackColor="#00D9D9"> 

    <%# DataBinder.Eval(Container.DataItem, "License")% 
    <%# DataBinder.Eval(Container.DataItem, "LicenseName")% 


    <%# DataBinder.Eval(Container.DataItem, "StartDate")% 
    <%# DataBinder.Eval(Container.DataItem, "Renewal")%> 
    </asp:Panel> 
</div> 

<div id='d<%# DataBinder.Eval(Container, "ItemIndex") %>' class="details"> 

    <asp:Panel ID="Panel2" runat="server" Height="195px" BackColor="Gray" Font-Bold="False" ForeColor="Maroon"> 
    <br /> 
     <asp:Label ID="Label1" runat="server" Text="LicenseID"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp; 

       <asp:TextBox ID="TextBox1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LicenseID") %>' Enabled="False" BackColor="Gray" BorderStyle="None"></asp:TextBox> 
     <asp:Label ID="Label2" runat="server" Text="License Name"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
       <asp:TextBox ID="TextBox2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LicenseName")%>' Enabled="false" BackColor="Gray" BorderStyle="None"></asp:TextBox> 

      </asp:Panel> 


</div> 

      </ItemTemplate> 
+0

在此基礎上的代碼,你將有第三個表的標題部分中的兩個表?也許重新考慮你的代碼,並使用''替代行。 – Zerkey

+0

抱歉,起初我粘貼了錯誤的代碼。現在我複製了正確的代碼。 – user2797643

+0

謝謝。看到我的答案。此外,你在上面的一些行中缺少'>'s。 – Zerkey

回答

0

可以使用AlternatingItemTemplate指定交替項的格式。下面是一個簡單的例子:

<asp:Repeater id="Repeater1" runat="server"> 
    <HeaderTemplate> 
    <table border="1"> 
    </HeaderTemplate> 
    <AlternatingItemTemplate> 
    <tr> 
     <td style="background-color:Blue"> 
      <b><%# Container.DataItem %></b> 
     </td> 
    </tr> 
    </AlternatingItemTemplate> 
    <ItemTemplate> 
    <tr> 
     <td style="background-color:White"> 
      <%# Container.DataItem %> 
     </td> 
    </tr> 
    </ItemTemplate> 
    <FooterTemplate> 
    </table> 
    </FooterTemplate> 
</asp:Repeater> 

欲瞭解更多信息,請參閱:http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.repeater.alternatingitemtemplate.aspx

0

  <div id='h<%# DataBinder.Eval(Container, "ItemIndex") %>' class="header" 
       onclick='ToggleDisplay(<%# DataBinder.Eval(Container, "ItemIndex") %>);' style="border-style: none;"> 
       <asp:Panel ID="Panel3" runat="server" Height="30px" BorderStyle="Groove" BackColor="#00D9D9"> 

        <%# DataBinder.Eval(Container.DataItem, "License")%> 
        <%# DataBinder.Eval(Container.DataItem, "LicenseName")%> 


        <%# DataBinder.Eval(Container.DataItem, "StartDate")%> 
        <%# DataBinder.Eval(Container.DataItem, "Renewal")%> 
       </asp:Panel> 
      </div> 

      <div id='d<%# DataBinder.Eval(Container, "ItemIndex") %>' class="details"> 

       <asp:Panel ID="Panel2" runat="server" Height="195px" BackColor="Gray" Font-Bold="False" ForeColor="Maroon"> 
        <br /> 
        <asp:Label ID="Label1" runat="server" Text="LicenseID"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp; 

      <asp:TextBox ID="TextBox1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LicenseID") %>' Enabled="False" BackColor="Gray" BorderStyle="None"></asp:TextBox> 
        <asp:Label ID="Label2" runat="server" Text="License Name"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <asp:TextBox ID="TextBox2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LicenseName")%>' Enabled="false" BackColor="Gray" BorderStyle="None"></asp:TextBox> 

       </asp:Panel> 


      </div> 

     </ItemTemplate> 
     <AlternatingItemTemplate> 
      <div id='h<%# DataBinder.Eval(Container, "ItemIndex") %>' class="header" 
       onclick='ToggleDisplay(<%# DataBinder.Eval(Container, "ItemIndex") %>);' style="border-style: none;"> 
       <asp:Panel ID="Panel3" runat="server" Height="30px" BorderStyle="Groove" BackColor="#f0e68c"> 

        <%# DataBinder.Eval(Container.DataItem, "License")%> 
        <%# DataBinder.Eval(Container.DataItem, "LicenseName")%> 


        <%# DataBinder.Eval(Container.DataItem, "StartDate")%> 
        <%# DataBinder.Eval(Container.DataItem, "Renewal")%> 
       </asp:Panel> 
      </div> 

      <div id='d<%# DataBinder.Eval(Container, "ItemIndex") %>' class="details"> 

       <asp:Panel ID="Panel2" runat="server" Height="195px" BackColor="Gray" Font-Bold="False" ForeColor="Maroon"> 
        <br /> 
        <asp:Label ID="Label1" runat="server" Text="LicenseID"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp; 

      <asp:TextBox ID="TextBox1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LicenseID") %>' Enabled="False" BackColor="Gray" BorderStyle="None"></asp:TextBox> 
        <asp:Label ID="Label2" runat="server" Text="License Name"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <asp:TextBox ID="TextBox2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"LicenseName")%>' Enabled="false" BackColor="Gray" BorderStyle="None"></asp:TextBox> 

       </asp:Panel> 


      </div> 
     </AlternatingItemTemplate> 



    </asp:Repeater>