EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: tomb on September 17, 2014, 07:56:11 AM

Title: menu: enable/disable item by name?
Post by: tomb on September 17, 2014, 07:56:11 AM

I have a menu and items in the menu that I assign a name to (because the text is dynamic):

Code:

<div id="#mm" class="easyui-menu">
	<div data-options="name:'open'">Open document</div>
	<div data-options="name:'delete'">Delete document</div>
</div>

But how can I enable/disable these entries by their name? The findItem method only finds them if I pass in the text (e.g. 'Open document'), but it won't find them if I pass in 'open'. And the enableItem/disableItem methods don't take the name as arguments, either. Am I missing something?

Title: Re: menu: enable/disable item by name?
Post by: stworthy on September 17, 2014, 08:20:33 PM

It is more easier to find the menu item by 'id' selector. Please try to assign the 'id' property to each menu items.

Code:

<div id="mm" class="easyui-menu">
	<div id="m-open" data-options="name:'open'">Open document</div>
	<div id="m-delete" data-options="name:'delete'">Delete document</div>
</div>

Call 'enableItem' or 'disableItem' methods on specified menu items to enable or disable them.

Code:

$('#mm').menu('disableItem', $('#m-open')[0]);
$('#mm').menu('enableItem', $('#m-delete')[0]);

Title: Re: menu: enable/disable item by name?
Post by: Opan Mustopah on November 04, 2014, 10:23:04 PM

find by id not work, still get null,
my id is result from generate ex:

Code:

var id = 00;

var item = $('#mm').menu('findItem',$('#'+id'')[0]);

and item give null

Title: Re: menu: enable/disable item by name?
Post by: stworthy on November 05, 2014, 12:15:34 AM

Please use the 'getItem' method instead.

Title: Re: menu: enable/disable item by name?
Post by: Opan Mustopah on November 05, 2014, 01:33:15 AM

sorry, but still not working ?

Title: Re: menu: enable/disable item by name?
Post by: stworthy on November 05, 2014, 01:58:42 AM

Please learn this example carefully. It works fine.
http://jsfiddle.net/z93c8oL7/