Create a replication of this in VB.NET using an ASPX Repeater to iterate over the specified content

Question

Create a replication of this in VB.NET using an ASPX Repeater to iterate over the specified content

Need help with repeating the following code in vb.net/asp.net:

<ul id="prod_nav" class="clearfix">
      <li class="top"><a href="05-Pink-02-Category-List.html" class="top_link"><span class="down">Body and Trim</span></a>
        <ul class="sub">
          <li class="clearfix">
            <ul>
              <li><a href="05-Pink-03-Products-List.html">Panels</a></li>
              <li><a href="05-Pink-03-Products-List.html">Tow Bars</a></li>
            </ul>
          </li>
        </ul>
      </li>   <li class="top"><a href="05-Pink-02-Category-List.html" class="top_link"><span class="down">Brake Friction</span></a>
        <ul class="sub">
          <li class="clearfix">
            <ul>
              <li><a href="05-Pink-03-Products-List.html">Drums</a></li>
              <li><a href="05-Pink-03-Products-List.html">pads</a></li>
              <li><a href="05-Pink-03-Products-List.html">discs</a></li>

            </ul>
             </li>
        </ul>
      </li>

Here is what I have so far:

<asp:Repeater ID="repeaterMyList"  Runat="server">
            <HeaderTemplate>

            </HeaderTemplate>
                <ItemTemplate>
                   <li class="top"><a href="javascript: void(0)" class="top_link"><span class="down"></span><%#DataBinder.Eval(Container.DataItem,"groupname")%></a>

          <ul class="sub">
          <li class="clearfix">
            <ul>
              <li><a href="05-Pink-03-Products-List.html"><%#DataBinder.Eval(Container.DataItem,"subgroupname")%></a></li>




                </ItemTemplate>
                <SeparatorTemplate>

            </ul>
                </SeparatorTemplate>
                <FooterTemplate>

                </li>
        </ul>
      </li>
                </FooterTemplate>
            </asp:Repeater>
        </ul>

Issue: The datatable has all the necessary columns but only one master <li> is being displayed.

If you can assist me, it would be greatly appreciated. Thank you!

GROUPID   GROUPNAME           SUBGROUPID SUGROUPNAME
BO  Body & Trim PANE-BO Panels
BO  Body & Trim TOWS-BO Tow Bars

BR  Brake Friction  DRUM-BR Drums
BR  Brake Friction  PADS-BR Pads
BR  Brake Friction  KITS-BR Accessories-Fit Kits
BR  Brake Friction  DISC-BR Discs
BR  Brake Friction  SHOE-BR Shoes
CA  Cables  CABL-CA Cables
CA  Cables  CAFP-CA Cable Fitment Parts
CL  Clutch Friction SSCL-CL Switches, Sensors - Clutch
CL  Clutch Friction CLPT-CL Clutch Parts, Flywheels
CL  Clutch Friction CLFP-CL Fitting Parts
CO  Cooling & Heating   RCTS-CO Radiator Caps, Thermostats
CO  Cooling & Heating   SSCH-CO Switches, Sensors - Cooling & Heating   
CO  Cooling & Heating   WHOP-CO Water Hoses, Pumps

asp.net css vb.net asprepeater

Answer 1

Answer №1

If you're looking to achieve nested repeaters for your data, the key concept to focus on is:

Nested repeaters

You can find numerous examples on StackOverflow and other platforms.

In essence, you'll need one repeater for your groups, and another repeater within that for your subgroups.

It's challenging to provide specific guidance without alignment between your data table and code snippet (e.g., the group Bathroom may not be evident in your data).

EDIT:

Below is a fundamental example of markup for a nested repeater:

<asp:Repeater ID="rGroups"  Runat="server">
    <HeaderTemplate>
        <ul id="prod_nav" class="clearfix">
    </HeaderTemplate>
    <ItemTemplate>
        <li class="top"><a href="05-Pink-02-Category-List.html" class="top_link">
            <span class="down"><%#DataBinder.Eval(Container.DataItem,"groupname")%></span></a>

        <asp:Repeater ID="rSubgroups"  Runat="server">
            <HeaderTemplate>
                <ul class="sub">
                  <li class="clearfix">
                    <ul>
            </HeaderTemplate>
            <ItemTemplate>
                <li><a href="05-Pink-03-Products-List.html"><%#DataBinder.Eval(Container.DataItem,"subgroupname")%></a></li>
            </ItemTemplate>
            <FooterTemplate>
                    </ul>
                  </li>
                </ul>
            </FooterTemplate>
        </asp:Repeater>

        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>

The rSubgroups repeater must be bound for each item in the rGroups repeater. To accomplish this, implementing the OnItemDataBound event of rGroups is necessary.

Answer 2

If you're looking to achieve nested repeaters for your data, the key concept to focus on is:

Nested repeaters

You can find numerous examples on StackOverflow and other platforms.

In essence, you'll need one repeater for your groups, and another repeater within that for your subgroups.

It's challenging to provide specific guidance without alignment between your data table and code snippet (e.g., the group Bathroom may not be evident in your data).

EDIT:

Below is a fundamental example of markup for a nested repeater:

<asp:Repeater ID="rGroups"  Runat="server">
    <HeaderTemplate>
        <ul id="prod_nav" class="clearfix">
    </HeaderTemplate>
    <ItemTemplate>
        <li class="top"><a href="05-Pink-02-Category-List.html" class="top_link">
            <span class="down"><%#DataBinder.Eval(Container.DataItem,"groupname")%></span></a>

        <asp:Repeater ID="rSubgroups"  Runat="server">
            <HeaderTemplate>
                <ul class="sub">
                  <li class="clearfix">
                    <ul>
            </HeaderTemplate>
            <ItemTemplate>
                <li><a href="05-Pink-03-Products-List.html"><%#DataBinder.Eval(Container.DataItem,"subgroupname")%></a></li>
            </ItemTemplate>
            <FooterTemplate>
                    </ul>
                  </li>
                </ul>
            </FooterTemplate>
        </asp:Repeater>

        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>

The rSubgroups repeater must be bound for each item in the rGroups repeater. To accomplish this, implementing the OnItemDataBound event of rGroups is necessary.

Create a replication of this in VB.NET using an ASPX Repeater to iterate over the specified content

Answer №1

Similar questions

Box surrounding the image with a shade of gray, all thanks to

The issue with the custom select feature in beautiful soup 4 is causing malfunctions

Chrome does not recognize the 'position: fixed' style attribute

Modifying the website URL in Visual Studio 2015: A Step-by-Step Guide

Avoiding navigation bar overlap in CSS techniques

The Azure Website is unable to identify the Table in my Database following a Schema modification

Bootswatch alternative for Bootstrap CSS without utilizing Google Fonts

Class name that changes the cursor to a pointer shape in CSS

What is the best way to make the buttons on my website shift downwards?

Issue with FiFO on MacOs causes skewed borders to not display correctly

Delivering a RESTful API using ASP.NET MVC to interact with AngularJS

Resolve a container overflow problem within the footer section

What is the best way to create a blurred effect on an image during loading, and then transition to a sharp image once it is fully loaded?

Trouble arises when implementing personalized buttons on the Slick JS slider

Targeting child elements with CSS selectors

Tips for placing a button on top of an image

Conceal a Tag with CSS

The value that was verified disappears after the postback

Unable to invoke a second method - asp.net and c# not responding

Expanding a div container to accommodate its inner divs using CSS