Добавление строки в Datalist

Question

Я искал в Интернете решение этой проблемы, но пока ничего не нашел.

По сути, у меня есть таблица, показанная ниже, которая состоит из полей ItemTemplate и заполняется набором данных из моей базы данных. Он показывает бренды, для которых пользователь может нажать и перейти на другую страницу.

Мне нужно добавить еще один параметр в таблицу под названием «Все бренды». Таким образом, тогда я могу использовать это, чтобы перейти на страницу, показывающую все бренды. Однако я не могу легко добавить это в DataList.

<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

Вы должны быть в состоянии решить эту проблему с помощью следующего макета:

<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>

Мой css немного ржавый, но я верю, что люди с радостью укажут, как он может быть лучше оформлен.