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

[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