Diamond 2.0 SubMenu Can't Stays Expanded

[alihasanash]

When I open a subMenu in the menu, it is always automatically collapsed when the subMenu is clicked and redirect to another page.
How to handle this?

Note: In diamond v1.20 the submenu automatically stays open when I click it. This problem appeared after I updated to diamond v2.0.

This is my code:

Code: Select all

<d:menu widgetVar="diamondMenuWidget">
   <p:submenu id="db" label="Database" icon="pi pi-book" >
      <p:submenu id="member" label="Members" icon="pi pi-users" >
         <p:menuitem id="all_member" value="All Member" icon="pi pi-user" outcome="/member/memberList"/>
         <p:menuitem id="sel_member" value="Selected Member" icon="pi pi-user" outcome="/member/selMember"/>
      </p:submenu>
   </p:submenu>   
</d:menu>

[mert.sincan]

Thanks a lot for the sample code block! I'll check and get back to you.

[alihasanash]

Thanks a lot for the sample code block! I'll check and get back to you.

Thanks, I'll wait for it!

[mert.sincan]

Fixed for the next version.

Best Regards,

[alihasanash]

Fixed for the next version.

Best Regards,

I've tried Diamond 3.0, this issue is still not resolved

[mert.sincan]

Please try 3.1.0 version.

Best Regards,

[alihasanash]

Please try 3.1.0 version.

Best Regards,

Still the same..

[mert.sincan]

Interesting! It works fine for me. Could you please debug 'restoreMenuState' method in your browser's inspector?

Code: Select all

// Line 367
restoreMenuState: function () {
        var isSlimMenu = this.wrapper.hasClass('layout-slim');
        var $this = this;

        if (!isSlimMenu && this.isDesktop()) {
            var link = $this.menu.find('a[href^="' + this.cfg.pathname + '"]');
            if (link.length) {               
                link.addClass('active-route');

    /*** Please check these lines */
                var menuitem = link.parents('li:not(.layout-root-menuitem)');
                menuitem.addClass('active-menuitem').children('ul').show();
   /*******************************/

                setTimeout(function() {
                    $this.restoreScrollState(menuitem);
                }, 100)
            }

            var staticMenuCookie = $.cookie('diamond_static_menu_inactive');
            if (staticMenuCookie) {
                this.wrapper.addClass('layout-static-inactive layout-static-inactive-restore');
            }
        }
    },

Best Regards,

[alihasanash]

Interesting! It works fine for me. Could you please debug 'restoreMenuState' method in your browser's inspector?

Code: Select all

// Line 367
restoreMenuState: function () {
        var isSlimMenu = this.wrapper.hasClass('layout-slim');
        var $this = this;

        if (!isSlimMenu && this.isDesktop()) {
            var link = $this.menu.find('a[href^="' + this.cfg.pathname + '"]');
            if (link.length) {               
                link.addClass('active-route');

    /*** Please check these lines */
                var menuitem = link.parents('li:not(.layout-root-menuitem)');
                menuitem.addClass('active-menuitem').children('ul').show();
   /*******************************/

                setTimeout(function() {
                    $this.restoreScrollState(menuitem);
                }, 100)
            }

            var staticMenuCookie = $.cookie('diamond_static_menu_inactive');
            if (staticMenuCookie) {
                this.wrapper.addClass('layout-static-inactive layout-static-inactive-restore');
            }
        }
    },

Best Regards,

Problem solved!
Sorry, apparently there was still a cache in the browser so I couldn't see any changes after updating to the latest version of Diamond.

Thank you for your help!

[mert.sincan]

Glad to hear, thanks a lot for the update!

Best Regards,