SplitButton - open menu on click - not on mouse over

[iceh]

Hi,

is there a way to open the menu of a splitbutton via click to the arrow
and not by mouse over?

Thx.

[stworthy]

Try increasing the 'duration' property value.

Code:

<a href="#" class="easyui-splitbutton" data-options="menu:'#mm1',iconCls:'icon-edit',duration:99999999">Edit</a>

[iceh]

I noticed a small issue.

The opened menu doesn't autoclose in 100% of all cases.

Any hint how i can fix this?

Thank you.

[stworthy]

By default the menu will use the same 'duration' value as the button used. To let the menu auto hide when the mouse leaving it, try to set the 'duration' value when the menu displays.

Code:

	<a href="#" class="easyui-splitbutton" data-options="menu:'#mm1',iconCls:'icon-edit',duration:99999999">Edit</a>

	<div id="mm1" data-options="
				onShow: function(){
					$(this).menu('options').duration = 200;
				}
			">
		<div>MenuItem1</div>
		<div>MenuItem2</div>
		<div>MenuItem3</div>
		<div>MenuItem4</div>
	</div>

[iceh]

Thanks a lot!