EasyUI Forum

General Category => General Discussion => Topic started by: jpierce on July 12, 2013, 07:19:15 AM



Title: have menubutton show menu only on click
Post by: jpierce on July 12, 2013, 07:19:15 AM
I wish there was an option for menubutton to show its menu only on click, not on hover.


Title: Re: have menubutton show menu only on click
Post by: stworthy on July 12, 2013, 07:49:41 AM
The alternative solution is to set a larger 'duration' value to prevent from displaying menu when hovering the button.
Code:
<a href="#" class="easyui-menubutton" data-options="duration:100000000,menu:'#mm',iconCls:'icon-help'">Help</a>


Title: Re: have menubutton show menu only on click
Post by: lloyd on August 22, 2013, 08:43:21 AM
This is what I did.

    <div id='toolbar'>
        <a id='upload-button' href='javascript:void(0)' accesskey='u' class='easyui-linkbutton' data-options=\"disabled: 'true', iconCls: 'icon-upload-doc', plain: 'true'\" onclick='upload(\"#contact-tree\")'>Upload </a>
</div>

// Enable on row click
    $(window).load(function() {
        body.bind('click', function(e) {
            $('#upload-button').linkbutton('enable');
        });
    });


Title: Re: have menubutton show menu only on click
Post by: jpierce on August 22, 2013, 08:46:29 AM
Thanks for the reply, lloyd.  But you might want to wrap your code in a [ code][ /code] block.  It's getting munged.