Question

我一直在网上搜索这个问题的解决方案，但到目前为止还没有发现任何问题。

基本上我有一个如下所示的表，它由ItemTemplate字段组成，并由我的数据库中的DataSet填充。它向用户显示品牌，然后他们可以点击并转到另一页。

我需要在名为“All Brands”的表中添加另一个选项。因此，我可以使用它来显示所有品牌的页面。但是我似乎无法轻易将其添加到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有点生疏，但我相信人们会乐意指出它的样式会更好。

向Datalist添加行

1 个答案: