asp.net vb.net databind jquery menu

I have a data bind asp.net menu with a database, but the look is very poor. It´s possible bind a database table menu to a jquery/css menu.
rflorencioAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

masterpassCommented:
Try to use the Friendly CSS Adapters... Most custom styling can be done using the CSS adapters

http://www.asp.net/CSSAdapters/Menu.aspx

and then use some JQuery plug in to Style it ....
Steve KrileCommented:
Can you post the rendered html from your menu?  With that I can give you some guidance about how to jquery-ize it.
rflorencioAuthor Commented:
My problem is more why load the options menu (stored in  a sql database) before page is load, to apply then css or jquery. For ex: i have the following html how can code in asp.net to build the html tag´s:

<ul class="menu">
     <li class="main"><a href="#">  About Us </a>
         <ul class="nav">
           
            <li><a href="#">Products</a></li>
            <li><a href="#">Work</a></li>
           
        </ul>
     </li>
     <li class="main"><a href="#">Products</a>
         <ul class="nav">
         
            <li><a href="#">Computer</a></li>
            <li><a href="#">Software</a></li>
           
        </ul>
     </li>
     <li class="main"><a href="#">Contacts</a>
         <ul class="nav">
           
            <li><a href="#">mail</a></li>
            <li><a href="#">Phone</a></li>
           
        </ul>
     </li>
</ul>
Steve KrileCommented:
Ah.  Gotcha.  Well, you could use a <asp:Repeater /> control.  They allow you to bind to a data source (like a <asp:SqlDataSource /> or <asp:ObjectDataSource /> (my personal favorite) and then "loop" through a record set and render whatever html you would like.

For instance, you could have a page like this:

    <asp:SqlDataSource ID="SqlDataSource1" runat="server"
      SelectCommand="SELECT [au_id], [au_lname], [au_fname], [phone], [address], [city], [state], [zip], [contract] FROM [authors]"
      ConnectionString="<%$ ConnectionStrings:Pubs %>" />


Then you could have a repeater like this:

  <asp:Repeater runat="server" id="rpt1" DataSourceID="sqlDataSource1">
       <HeaderTemplate>
             <ul class="menu">        
      </HeaderTemplate>

      <ItemTemplate>
               <li class="main"><a href="#"><%#Eval("au_fname")%></a></li>
      </ItemTemplate>

      <FooterTemplate>
               </ul>
      </FooterTemplate>

  </asp:Repeater>



This is a pretty crude example, but you get the idea.  Each "row" in your result set is treated with the ItemTemplate.  Before the items are rendered the "HeaderTemplate" is generated, and after all the records have been processed, the FooterTemplate is rendered.

This approach is nice because there will be NO OTHER HTML TAGS generated (which the gridview and other .net controls love to do.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.