new submenu

[korenanzo]

Hi,

in
http://www.jeasyui.com/forum/index.php?topic=668.msg1481#msg1481
 it is said that it is impossible to use appendItem  to append sub menu to an empty parent menu .

So How can I add a submenu after the main menu has been created (and may be showed)?

For example, I create a menu with three items and show() it;
then at runtime i need to add a 4th item with subitems.
thanks,
RIc

[jarry]

You can call appendItem method to append a submenu. Please try this code.

Code:

// append a sub menu item
var item = $('#mm').menu('findItem', 'Open');  // find 'Open' item
$('#mm').menu('appendItem', {
	parent: item.target,  // the parent item element
	text: 'Open Excel',
	iconCls: 'icon-excel',
	onclick: function(){alert('Open Excel')}
});

[korenanzo]

But you said that the parent must already have children.

what if "Open" item does not yet exist?

I should create (appendItem ) the Open item and then create the submenu:

Code:

// #mm menu() already exist
//I create the Open Item
('#mm').menu('appendItem', {
 	text: 'Open',
}

//and then create and append the submenu
var item = $('#mm').menu('findItem', 'Open');  // find 'Open' item
$('#mm').menu('appendItem', {
	parent: item.target,  // the parent item element
	text: 'Open Excel',
	iconCls: 'icon-excel',
	onclick: function(){alert('Open Excel')}
});

// but it does not work

[jarry]

Some errors occur in your code. It should be:

Code:

$('#mm').menu('appendItem', {
 	text: 'Open'
});

[korenanzo]

Some errors occur in your code. It should be:

Code:

$('#mm').menu('appendItem', {
 	text: 'Open'
});

it was taken from a more complex example, the error is not present in the real code.

[jarry]

Please refer to this example http://jsfiddle.net/u16vv4gb/. It works fine.