Zeile zu Datalist hinzufügen

Question

Ich habe im Internet nach einer Lösung für dieses Problem gesucht, bin aber bisher noch auf nichts gestoßen.

Grundsätzlich habe ich eine Tabelle wie unten gezeigt, die ich aus ItemTemplate Felder bestand und von einem DataSet aus meiner Datenbank bevölkert ist. Es zeigt dem Benutzer Marken an, auf die er dann klicken und auf eine andere Seite gehen kann.

Ich muss eine weitere Option zu der Tabelle "Alle Marken" hinzufügen. Damit kann ich dann auf eine Seite mit allen Marken gehen. Allerdings kann ich das nicht einfach in die DataList aufnehmen.

<asp:DataList id="TypesList" runat="server" Visible="true" RepeatColumns="3" Width="100%" ItemStyle-Width="25%" ItemStyle-HorizontalAlign="Center"> 
    <ItemTemplate> 
    <div style="position:relative;vertical-align:top;"> 
     <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
     <tr> 
      <td align="center" style="height:170px;vertical-align:top;text-align:center;" valign="top"> 
      <asp:Label ID="lblID" runat="server" Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"batteryTypeID")%>'></asp:Label> 

      <a href='/<%#DataBinder.Eval(Container.DataItem,"catid")%>/<%#DataBinder.Eval(Container.DataItem,"catname")%>/<%#DataBinder.Eval(Container.DataItem,"brandid")%>/<%#DataBinder.Eval(Container.DataItem,"brand_name")%>/<%#DataBinder.Eval(Container.DataItem,"batteryTypeID")%>/<%#DataBinder.Eval(Container.DataItem,"typeName")%>' target='_self'> 
       <asp:Image ID="imgProd" runat="server" ImageUrl='images/none.jpg' /> 
      </a> 
      </td> 
     </tr> 
     <tr> 
      <td class="productdesc" style="text-align:center;vertical-align:top;"> 
      <span style="color:#000;font-weight:bold;font-size:120%;"> 
       <%#DataBinder.Eval(Container.DataItem, "typeName").ToString%> 
      </span> 
      </td> 
     </tr> 
     </table> 
    </div> 
    </ItemTemplate> 
</asp:DataList> 

Answer 1

sollten Sie in der Lage sein, dies mit dem folgende Layout zu lösen:

<asp:DataList id="TypesList" runat="server" Visible="true" RepeatColumns="3" Width="100%" ItemStyle-Width="25%" ItemStyle-HorizontalAlign="Center"> 

    <HeaderTemplate> 
    <div style="width:170px; float:left;"> 
     <div>All Brands Pic and Link</div> 
     <div> 
     <span style="color:#000;font-weight:bold;font-size:120%;">All Brands</span> 
     </div> 
    </div> 
    </HeaderTemplate> 

    <ItemTemplate> 
    <div style="width:170px; float:left;"> 
     <div> 
     <asp:Label ID="lblID" runat="server" Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"batteryTypeID")%>'></asp:Label> 
     <a href='/<%#DataBinder.Eval(Container.DataItem,"catid")%>/<%#DataBinder.Eval(Container.DataItem,"catname")%>/<%#DataBinder.Eval(Container.DataItem,"brandid")%>/<%#DataBinder.Eval(Container.DataItem,"brand_name")%>/<%#DataBinder.Eval(Container.DataItem,"batteryTypeID")%>/<%#DataBinder.Eval(Container.DataItem,"typeName")%>' target='_self'> 
      <asp:Image ID="imgProd" runat="server" ImageUrl='images/none.jpg' /> 
     </a> 
     </div> 
     <div> 
     <span style="color:#000;font-weight:bold;font-size:120%;"> 
      <%#DataBinder.Eval(Container.DataItem, "typeName").ToString%> 
     </span> 
     </div> 
    </div> 
    </ItemTemplate> 

</asp:DataList> 

Meine CSS ist ein wenig rostig, aber ich hoffe, die Menschen glücklich sein werden, darauf hinzuweisen, wie man es besser gestaltet werden könnte.