Issue while bind menu items dynamically

[muhsin_panakkal]

Hai Experts,

I am trying to add Menu button through JS in dynamically, I have the below code.

onInit: function(evt) {
var that = this;
var bar = this.getView().byId("idbar1");
	bar.addContentLeft(new sap.m.Button({
					text: "Sample",
					press: function() {
						that.menuPress();
					}
				}));
 }

menuPress: function() {
			var oJSONModel = new sap.ui.model.json.JSONModel({
				"Plants": [{
					key: "0001",
					description: "Plant 0001"
				}, {
					key: "0002",
					description: "Plant 0002"
				}, {
					key: "0003",
					description: "Plant 0003"
				}]
			});
			var oItemTemplate = sap.ui.unified.MenuItem({
				text: "{description}"
			});
			var oMenu1 = new sap.ui.unified.Menu({
				items: {
					path: "/Plants",
					template: oItemTemplate
				}
			});
			oMenu1.setModel(oJSONModel);
			oMenu1.open();
		},

But I am getting an error while clicking the button.

can anybody guide me to resolve the issue.

Thanks,

Muhsin

[junwu · Accepted solution]

how about adding sap.ui.unified.MenuItem to controller dependency?

[muhsin_panakkal · Accepted solution]

Hai Jun Wu,

Can you please explain this..?

Thanks,

Muhsin

[junwu · Accepted solution]

sap.ui.define(["sap/ui/core/mvc/Controller","sap/ui/unified/MenuItem"],function(Controller,MenuItem){"use strict";returnController.extend("",{});});

[muhsin_panakkal · Accepted solution]

Dear Jun Wu,

I tried the above method, which resolved my issue. Thanks for your help.

Thanks,

Muhsin

[sreehari_vpillai]

Adding to Florian's reply , this must be missing 'new" keyword . But, as you already tried that and facing the same error again ( which is highly unlikely ) , can you share the screenshot of the error you are facing after adding new statement ?

aslo , click on "View1.controller.js?eval;58" line from the error control , which takes you to the live running code in browser. See if "new" is reflecting there

Sree

[muhsin_panakkal]

Dear Sreehari,

I tried with new instance, I am getting the same error. Kindly find the below.

menuPress: function() {
			var oJSONModel = new sap.ui.model.json.JSONModel({

				"Plants": [{

					key: "0001",
					description: "Plant 0001"
				}, {
					key: "0002",
					description: "Plant 0002"
				}, {
					key: "0003",
					description: "Plant 0003"
				}]
			});
			var oItemTemplate = new sap.ui.unified.MenuItem({

				text: "{description}"
			});
			var oMenu1 = new sap.ui.unified.Menu({
				items: {
					path: "/Plants",
					template: oItemTemplate
				}
			});

			oMenu1.setModel(oJSONModel);
			oMenu1.open();
		},

and in the error, "View1.controller.js?eval;57"

Thanks,

Muhsin

[sreehari_vpillai]

add these snippet in init , or just before you are using Menu and MenuItem

jQuery.sap.require("sap.ui.unified.Menu") ;

jQuery.sap.require("sap.ui.unified.MenuItem");

//your Menu code goes here 

[pfefferf]

Think you missed the "new" keyword for creating an instance of sap.ui.unified.MenuItem

... 
var oItemTemplae = new sap.ui.unified.MenuItem( ...

[muhsin_panakkal]

Dear Florian,

Thanks for your response, I tried with above also, giving the same error.

Thanks,

Muhsin