Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
5368
lazy-load or load-on-demand submenus
posted

I have a pretty deep main navigation menu, much of it drilling down into user data.  I am convinced that fully populating the menu is impacting site performance.  I am looking for a solution that doesn't compromise drilldown functionality.

Here are a couple of ideas I had...

  • get the menu to lazy-load everything below the root menu, ... waiting until the page is fully loaded, and then fetching and building the submenus.
       -or-
  • do a load-on-demand type thing, where hovering over a menu item does an ajax or javascript call to build the submenu.

I have scoured the documentation for an example of how to do either of these things... no luck yet.

Either method would require creating submenus using javascript, and I have not located documentation of how to do that either.  It is not addressed in the CSOM documentation or any of the published samples that I could find.

Does anyone know of a good resource I can look at to get me started with either solution?

  • 4493
    posted

    Hello,

    WebDataMenu is not designed to support lazy loading, nor load on demand.

    It is specific navigation control, which, in most cases represents a navigation scheme of a site. Being part of navigation scheme, it is supposed (and in most cases correctly) that each item point to a different page. Having load on demand will cause client side delays on each and every page where the menu is placed, which might cause bad user experience.

    For load on demand and lazy loading you can opt for WebDataTree, whic is optimized for deep and big data structure navigation.