Dymanic Menus

[kotinkarwak]

ref: Defining submenus in a dymanic menu system.
The documentation only shows top level menu syntax and been struggling to understand how to add submenus to these.

var itemid, itemtext, menuitem, menuitems;
itemid = "myAccount";
itemtext = "Account";

sub01id = "mySupport";
sub01text = "Support";
sub02id = "myProfile";
sub02text = "Profile";
sub03id = "mySign Out";
sub03text = "Sign Out";

var menuxml = <menu></menu>;
menuitem = <menuitem></menuitem>;
menuitems = <menuitems></menuitems>;
menuitem.appendChild(<itemname>{itemid}</itemname>);
menuitem.appendChild(<text>{itemtext}</text>);


menuitems.appendChild(<itemname>{sub01id}</itemname>);
menuitems.appendChild(<text>{sub01text}</text>);

menuxml.appendChild(menuitem);
menuxml.appendChild(menuitems);

controls.profile_header_1__headerDMI.setModel(menuxml.toXMLString())

[Steve]

Hi,

The example below adds two sub menus to the first menu item:

Code: Select all

// Example 2: build menu XML using the E4X API
var itemid, itemtext, menuitem;
itemid = "item1";
itemtext = "item 1";
var menuxml = <menu></menu>;
menuitem = <menuitem></menuitem>;
menuitem.appendChild&#40;<itemname>&#123;itemid&#125;</itemname>&#41;;
menuitem.appendChild&#40;<text>&#123;itemtext&#125;</text>&#41;;

var subMenuItems1 = menuitem.appendChild&#40;<menuitems></menuitems>&#41;;
var subMenu1Item = <menuitem></menuitem>;
itemid = "sub1";
itemtext = "sub 1 text";
subMenu1Item.appendChild&#40;<itemname>&#123;itemid&#125;</itemname>&#41;;
subMenu1Item.appendChild&#40;<text>&#123;itemtext&#125;</text>&#41;;
subMenuItems1.appendChild&#40;subMenu1Item&#41;;

var subMenu2Item = <menuitem></menuitem>;
itemid = "sub2";
itemtext = "sub 2 text";
subMenu2Item.appendChild&#40;<itemname>&#123;itemid&#125;</itemname>&#41;;
subMenu2Item.appendChild&#40;<text>&#123;itemtext&#125;</text>&#41;;
subMenuItems1.appendChild&#40;subMenu2Item&#41;;

//add sub menus items
menuitem.appendChild&#40;subMenuItems1&#41;;

menuxml.appendChild&#40;menuitem&#41;;
itemid = "item2";
itemtext = "item 2";
menuitem = <menuitem></menuitem>;
menuitem.appendChild&#40;<itemname>&#123;itemid&#125;</itemname>&#41;;
menuitem.appendChild&#40;<text>&#123;itemtext&#125;</text>&#41;;
menuxml.appendChild&#40;menuitem&#41;;
itemid = "item3";
itemtext = "item 3";
menuitem = <menuitem></menuitem>;
menuitem.appendChild&#40;<itemname>&#123;itemid&#125;</itemname>&#41;;
menuitem.appendChild&#40;<text>&#123;itemtext&#125;</text>&#41;;
menuxml.appendChild&#40;menuitem&#41;;

controls.DynMenu.setModel&#40;menuxml.toXMLString&#40;&#41;&#41;;

You need to create a variable for the child menu you would like to add the menu item to and then attach more menu items to that. See the variables: subMenuItems1, subMenu1Item and subMenu2Item.

Steve