c1.documentReady(function () {
var theMenuFile = wijmo.Control.getControl(
'#theMenuFile'
);
initMenu(theMenuFile,
'menuFile'
);
theMenuFile.itemClicked.addHandler(menuClick);
var theMenuEdit = wijmo.Control.getControl(
'#theMenuEdit'
);
initMenu(theMenuEdit,
'menuEdit'
);
theMenuEdit.itemClicked.addHandler(menuClick);
function menuClick(s, e) {
var msg = wijmo.format(
'You selected option **{selectedIndex}** from menu **{header}**'
, s);
alert(msg);
}
function initMenu(menu, elementId) {
var host = document.getElementById(elementId);
var header = host.firstChild.textContent.trim();
var items = host.querySelectorAll(
'div'
);
var menuItems = [];
for
(var i = 0; i < items.length; i++) {
var item = items[i];
menuItems.push({ Header: item.outerHTML });
}
host.innerHTML =
''
;
menu.header= header;
menu.itemsSource = menuItems;
}
});