Question Re: Issue while bind menu items dynamically in Technology Q&A

Issue while bind menu items dynamically

muhsin_panakkal — Sat, 19 Dec 2020 16:50:10 GMT

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

Re: Issue while bind menu items dynamically

pfefferf — Sat, 19 Dec 2020 17:07:01 GMT

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

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

Re: Issue while bind menu items dynamically

muhsin_panakkal — Sat, 19 Dec 2020 17:12:16 GMT

Dear Florian,

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

Thanks,

Muhsin

Re: Issue while bind menu items dynamically

junwu — Sat, 19 Dec 2020 17:16:13 GMT

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

Re: Issue while bind menu items dynamically

muhsin_panakkal — Sun, 20 Dec 2020 03:42:30 GMT

Hai Jun Wu,

Can you please explain this..?

Thanks,

Muhsin

Re: Issue while bind menu items dynamically

junwu — Sun, 20 Dec 2020 03:45:52 GMT

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

Re: Issue while bind menu items dynamically

sreehari_vpillai — Sun, 20 Dec 2020 04:52:22 GMT

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

Re: Issue while bind menu items dynamically

muhsin_panakkal — Sun, 20 Dec 2020 05:50:11 GMT

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

Re: Issue while bind menu items dynamically

sreehari_vpillai — Sun, 20 Dec 2020 05:54:31 GMT

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

Re: Issue while bind menu items dynamically

muhsin_panakkal — Thu, 24 Dec 2020 11:34:40 GMT

Dear Jun Wu,

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

Thanks,

Muhsin