.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Jquery dynamic Category menu

Posted By:      Posted Date: August 27, 2010    Points: 0   Category :ASP.Net

Dear Friends

Im currently developing ecommerce web site. I reffered to some video tutorials in ASP.net website and i managed to develped basic store front for my ecommerce website. I would like give more attractive look to my categories menu using Jquery or ajax. Please someone help me to understand how to apply jquery or ajax to dynamic category menu.

I use web user control to create category menu. This is my code for that.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CategoriesList.ascx.cs" Inherits="UserControls_CategoriesList" %>
<asp:DataList ID="list" runat="server" CssClass="CategoriesList" Width="200px">
    Choose a Category
  <HeaderStyle CssClass="CategoriesListHead" />
    <asp:HyperLink ID="HyperLink1" Runat="server"
      NavigateUrl='<%# Link.ToCategory(Request.QueryString["DepartmentID"], Eval("CategoryID").ToString()) %>'
      Text='<%# HttpUtility.HtmlEncode(Eval("Name").ToString()) %>'
      ToolTip='<%# HttpUtility.HtmlEncode(Eval("Description").ToString()) %>'

View Complete Post

More Related Resource Links

Creating dynamic category menu integrate with back office.


Dear friends,

Im developing ecommerce website and i want to add category menu to my website. This category menu should have 2 levels for sub categories as well. I tried navigation controls in ASP.net. But still i cant understand how to create the navigation menu in order to integrate with back office. I understand that i can do this with XML file, But if i want to add new products categories or remove categories, XML file should update automatically according to that. I don't understand how to do that. In brief all i want is create category menu with subcategories and i want to control this from my back office.

i read this tutorial http://www.asp.net/web-forms/tutorials/tailspin-spyworks-part-3  But it doesnt shows subcategory menus.

Im new to asp.net. so please explain me what is the simplest way to create such menu,

ASP.NET Menu with jQuery Superfish

Choosing the right type of menu for a website is not easy at all. The ASP.NET Menu Control is definitely NOT a good starting point due to the horrendous markup it renders, nor is it good for SEO because of the Markup/Content ratio, neither can it be easily styled.

Dynamic menu control


Dear all,

I want to get the names of some folders in my drive and populate my menu control with the names of those folders.

Getting the folder names is not the issue, but how can i populate my menu with the names of getted foldernames.

I tried this:

DirectoryInfo dirInfo = new DirectoryInfo(Server.MapPath("~\\MyFolders\\"));
DirectoryInfo[] dirs = dirInfo.GetDirectories();
Menu1.DataSource = dirs;

But im getting the error:

HierarchicalDataBoundControl only accepts data sources that implement IHierarchicalDataSource or IHierarchicalEnumerable.


How can i achieve this?

Thanks in advance.


JQuery accordion menu issue!!!

Hi,I have added this accordion menu in the master page of an asp.net(C#) website. http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm?expandable=4&subexpandable=0It works fine in those content page which are in the root folder but it is continously showing error in Administration page and the error is ddaccordion is not defined [Break on this error] ddaccordion.init({ //top level headers initialization Can anybody let me know why it is giving this error?Any help will be really appreciated !!!Regards,Dazy

dynamic menu control call in login page

Hi ,i have declared two control in my master page , how wants to call this menu control in child page ( that is login page)i want to bind the menu control dynamically based on login previlagepublic Menu newMenu = new Menu();  public MenuItem newItem = new MenuItem("Master");

Menu with Static and Dynamic Menu Items

I need to populate a menu with static and dynamic (at runtime) menu items.  I know this issue has been posted before, but I haven't seen anything with a date newer than 2009. This is what I want to do: <Menu> <Menu.ItemsSource>                     <CompositeCollection>                      <MenuItem Header="Menu Item 1" /> <MenuItem Header="Menu Item 2" /> <MenuItem Header="Menu Item 3" />                         <CollectionContainer Collection="{Binding MyMenuItems}" />                     </CompositeCollection> </Menu.ItemsSource> </Menu>   The posts every where say the issue is that CompositeCollection is not freezable.  Regardless of that arguement, has anyone come up with a good solution.  I don't want to create it all in code behind because it is a decent size menu with separators, etc.  This seems like something that should have been fixed or have a decent work round by now.   Thanks. 

JQuery with dynamic ASP.NET controls (DropDownList)

I am mixing JQuery with ASP.NET webforms.  Adding dynamic controls and accessing the selected values with JQuery works differently under different circumstances and I am trying to establish the difference. Why does Senario 1 work in debug mode but not without breakpoints?  What does databinding to a GridView do that adding DropDownList controls to a asp:panel does not? Is there some sort of DOM registration going on in DataBind? All senarios use the same JQuery: var ddlCollection = $("select[name$='ddlDynamicDropDown']") Senario 1: Breakpoints on each line (Success) Add DropDownList controls to a asp:panel dynamically in the PageLoad method (Does the page lifecycle matter? OnLoad method instead?). Run the code Select values and click on a button firing a JavaScript function (Break in Debug) Break in JavaScript file Access the dropdowns and their selected values successfully Senario 2:  Run the Senario 1 code without breakpoints (Fails to locate the ddlCollection) Senario 3: Use a GridView (Success) Add values to populate the DropDownList controls to a Generic List. Bind the values to a GridView control containing the DropDownList controls Run the code Select values and click on a button firing a JavaScript function Use JQuery to Access the dropdowns and their selected values successfully.  

Dynamic menu item in MenuItemTemplate (in SPGridView)




I am implementing a SPGridView in a webpart and would like to have dynamic row menus (with different menu items) based on some cell values. It seems that the answer is in the very-poorly documented property HiddenScript of a MenuItemTemplate object, which contains a custom javascript function which should return true if the menu item should be hidden, or false otherwise.


My question is - how do I pass arguments to this custom javascript function? This is how the sample code looks like:


SPMenuField colMenu = new SPMenuField();

colMenu.HeaderText = "Address";

colMenu.TextFields = "url";

colMenu.MenuTemplateId = "PresenterListMenu";

colMenu.NavigateUrlFields = "url";

colMenu.NavigateUrlFormat = "{0}";

dynamic text input with jquery


I have the following problem.I created a new jquery script (jquery.wim.dragtable.js).

This script allows for dragndrop columns and rows..

Now this script generates 2 hidden input boxes.


if ($("#" + dragObject + "_SortRow").length == 0)
                 $("body").append("<input id='" + dragObject + "_SortRow' type='hidden' />");


if ($("#" + dragObject + "_SortCol").length == 0)
                $("#form1").append("<input id='" + dragObject + "_SortCol' type='hidden' />");

Notice the last one is append to the form on the page.

My question is: How can i retrieve the content of the input (id="wim_drag_col_object_SortCol");
When i use request.Form i only get the "hard-coded" elements from my page. (Viewstate, EventValidation, and Button1).
But the dynamically added wim_drag_col_object_SortCol can't be found.


* jQuery wim drag 1.0.0
* Copyright 2010, WIM4YOU (http://www.wim4you.nl)
* Dual licensed under the MIT or GP

Dynamically Generated Dynamic Menu Items Width Question


I have the following Menu:

<asp:Menu ID="MainMenu" runat="server" Orientation="Horizontal" 
	DynamicVerticalOffset="2" DynamicHorizontalOffset="2" 
	StaticEnableDefaultPopOutImage="false" DynamicEnableDefaultPopOutImage="false" >
        <StaticMenuItemStyle BackColor="#0099cc" ForeColor="#eeeeee" Font-Names="Arial" Font-Size="11" Height="18" HorizontalPadding="10" VerticalPadding="3"  />
	<StaticHoverStyle BackColor="#336699" ForeColor="#ffffff" Font-Names="Arial" Font-Size="11" />
	<DynamicMenuItemStyle BackColor="#0099cc" ForeColor="#eeeeee" Font-Names="Arial" Font-Size="10" Height="18" 
		HorizontalPadding="10" VerticalPadding="3" />
	<DynamicHoverStyle BackColor="#336699" ForeColor="#ffffff" Font-Names="Arial" Font-Size="10" />					
		<asp:MenuItemBinding DataMember="Item" TextField="Title" />
		<asp:MenuItemBinding DataMember="SubItem" TextField="Title" />						

I am unable to create dynamic menu from database


Hi Expert,

I am unable to create dynamic menu from database. I have made two tables for this work.

First table is Menu which stores menu id and its relevant name.
MId Text
1 File
2 Edit
3 View

Second table is subMenu which stores submenus which will be linked to the menu table with menu id.

SId Text MID
1 New 1
2 Open 1
3 Save 1
4 Cut 2
5 Copy 2

the menu should be created dynamically from the database, each menu should be displayed in single row

when we click on a menu the submenus are displayed in rows that in expand & contrast form

how to design & develope this page

change sub menu position dynamically using jquery



I have created horizontal menu like below...

<!--<ul id="topnav">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
        <a href="#">Link 4</a>
            <a href="#">Subnav Link</a> |
            <a href="#">Subnav Link</a> |
            <a href="#">Subnav Link</a>
    <li><a href="#">Link 3</a></li>

problem is in my css i assigned margin-left:0px  for span.so all my sub navs align to left.but i want to align sub nav under the mail nav.means i need to change align-left property of css dynamically using jquery.

means first sub nav link should be below 'link4' not under 'link1'

so i added fol

dynamic menu repopulate after pageload

i have a dynamic generated menu that populate menu in the panel during page load, however, during postback, it regenerate menu again that makes it appear twice in panel.
 For this reason, i try to remove menu from panel01 and regenerate again, but unsuccessful. 
 protected void Page_Load(object sender, EventArgs e)




void PopulateMenu()





WPF Dynamic menu associated with the object?


Hi everyone. I'd like to be able to create dynamic menus associated with certain object. Let’s say, I will have 3 listview container with one style where I also have a Menu. I need to generate different menu items from collection of the RoutetUICommands in relation on each listview. I was trying to solve this puzzle but took me a while and still have trouble making it work. Any ideas are highly appreciated. Thank you!



Dynamic Sub Menu Item Command Not working in WPF...MVVM

<MenuItem Header="Flag(s)" ItemsSource="{Binding Path=LineItemFlags}" >
                                <Style TargetType="{x:Type MenuItem}">

Why JQuery menu does not work for pages which are in a separat folder pages?


I have added a jquey menu in my master page its working fine for those asp.net pages which are at the same level as master page.

But this menu isn't working at all for all of those page which aur in Editor's and Admin's folder. In these pages menu is displaying as simple html menu and unfortunately no jquery effect is shown on it.

I'm very confused why this menu isn't working for the pages which are in a seprate folder while the master page is added at the root level outside of all these folders.

Please let me know why its doing so?



Dynamic Menu repopulate after postback.

found that the dynamic menu being repopulate after each postback and making it a duplicated menu in masterpage.
try to resolve so it could only generate once.
tried placing in a usercontrol and place 'PopulateMenu' in the Page_Init since masterpage does not have Page_PreInit event, but the menu does not load up. 
 if (!Page.IsPostBack)



        if (Page.IsPostBack)



void PopulateMenu()
        #region Menu Generate

        menu = null;

        if (Session["smenu"] != null)



          Session["smenu"] = menu;



ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend