Update sub labels of parent settings menu for watch face

You should be able to add whatever you need as parameters to the delegate when you push the sub menu.

The problem with popping the parent, is the parent menu is also the top level view as set in getSettingsView.

I put together something simple for one of my WFs with settings.  Here's what's in the delegate in the main menu and it works in both the sim and on a real device.  Here I just change the sublabel.

  		if(id.equals("bg")) {
			var menu=new WatchUi.Menu2({:title=>"menu two"});
			menu.addItem(new WatchUi.MenuItem("color",colorNames[MySettings.backgroundIdx],"bgc",{}));
			WatchUi.pushView(menu, new sMenuDelegate(item), WatchUi.SLIDE_IMMEDIATE);
  		}

And then here's the delegate for the sub-menu.  I set the sub label for both the main menu and the sub menu.  MySettings is a class I use to maintain the values I have in settings.

class sMenuDelegate extends WatchUi.Menu2InputDelegate {
	var pItem;
	
    function initialize(p) {
        pItem=p;	
	}

  	function onSelect(item) {
  		var id=item.getId();
  		if(id.equals("bgc")) {
			MySettings.backgroundIdx=(MySettings.backgroundIdx+1)%14;

			pItem.setSubLabel(colorNames[MySettings.backgroundIdx]);
			item.setSubLabel(colorNames[MySettings.backgroundIdx]); 			

 			MySettings.writeKey(MySettings.backgroundKey,MySettings.backgroundIdx);
			MySettings.background=MySettings.getColor(null,null,null,MySettings.backgroundIdx);  		
  		}
  	}		
}

Thanks to both of you, and thanks Jim for the example code.

jim_m_58 I am a bit confused, though, at how the initialize function in the submenu delegate can connect to the parent menu item (p and pItem in your code). How does this work? And why/how do you not use the Menu2InputDelegate.initialize() function here?

In the API, an initialize function is not listed for Menu2InputDelegate, although it is included in the example code provided (and I'm currently using it in this way).

Your code:

class sMenuDelegate extends WatchUi.Menu2InputDelegate {
	var pItem;
	
    function initialize(p) {
        pItem=p;	
	}

  	function onSelect(item) {
  		// use pItem to change sublabel of parent menu item
  	}		
}

From API:

class MyMenu2InputDelegate extends WatchUi.Menu2InputDelegate {
    function initialize() {
        Menu2InputDelegate.initialize();
    }

    function onSelect(item) {
        // do stuff
    }
}

One more thing (somewhat off topic but related) -- In the simulator, when I pop the submenu to go back to the parent menu, the parent menu view goes back to the top (title). I would like to be able to maintain the focus on the item that I selected to open the submenu. I know there is a Menu2.setFocus() function, but I would need to refer to the parent menu (not parent menu item) in the submenu delegate. Is it possible to do this? Or is there another way to maintain or reset the focus of the parent menu?

You'll probably find this different on an actual device.  On a 245, the main menu has the same focus as before I push the sub menu.

Ok that's great, thanks

I just noticed one more thing -- When the main settings menu is popped to go back to the watch face view, onShow() is called. In my onShow() function, I was starting a new timer, so after changing the settings multiple times, I got a "too many timers" error because onShow() was being called multiple times. Previous to on-device settings for watch faces, creating a timer in onShow() was not an issue because onShow() was typically called only once. I fixed it by creating the timer in onLayout() instead. I tried putting it in the initialize() function but got a permissions error saying "start" is not available to "watch face".