Menu itemClick / itemCheckedChange On

[admin]

Hello,
I have used the menu Container like that:

<smart-menu  checkboxes check-mode="checkbox" checkable id="menu" mode="dropDown">
            <smart-menu-item id="employeeItem">Mitarbeiter</smart-menu-item>
            <smart-menu-item id="vehicleItem">Fahrzeuge</smart-menu-item>
            <smart-menu-item id="scaleItem">Waage</smart-menu-item>
            <smart-menu-item id="workshopItem">Werkstätte</smart-menu-item>
            <smart-menu-item id="presenceItem">Anwesenheit</smart-menu-item>
        </smart-menu>

Sadly the Menu still closes automatically  and the items get checked.

const menu = document.getElementById('menu');
menu.addEventListener('itemClick', function(event){
        event.preventDefault();
    });
    menu.addEventListener('itemCheckChange', function(event){
        event.preventDefault();
    }); 

Is there any other way to prevent the standard event?
Best Regards
Dennis

[admin]

Hi Dennis,
Thank you for the feedback. Unfortunately, there is currently no way to achieve what you require. However, in the next release, we will introduce a new Smart.Menu Boolean property – preventCloseOnCheck (prevent-close-on-check), that will prevent the closing of Menu items if enabled.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Hi Dimitar,
Thank you for the quick response.
Is it possible to prevent it from getting checked though? I want to make a maximum of 4 checkable.
Best regards,
Dennis

[admin]

Hi Dennis,
Unfortunately, such a feature is not supported. If you wish, you can contact sales@jqwidgets.com and request it as a custom development service.
There is also another feature that may be useful to you – mixed check mode – this way you can make only particular items in a pop-up checkable and others – not – by separating them with a separator. Here is a demo on the matter: https://www.htmlelements.com/demos/menu/mixed-check-mode/.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[Author]

Posts