Not able to bind the model in Menu Control

Question

Hi All,
I am creating a menu. I need to bind the content from Json data. Please do find the below code.
sap.ui.jsview("menusample.menu", {
  getControllerName : function() {
  return "menusample.menu";
  createContent : function(oController) {
  var handleSelect = function(oEvent){
  alert(oEvent.getParameter("item").getId());
  var oMenu11 = new sap.ui.commons.Menu("menu1-1", {ariaDescription: "File Menu"});
  var oControl = new sap.ui.commons.TextView().bindProperty("text", "id");
  var oMenuItem11 = new sap.ui.commons.MenuItem("item1-1-1",{template:oControl});
  oMenu11.addItem(oMenuItem11);
  var oMenuItem12 = new sap.ui.commons.MenuItem("item1-1-2",{text: "Delete"});
  oMenu11.addItem(oMenuItem12);
  var oMenuItem13 = new sap.ui.commons.MenuItem("item1-1-3",{text: "Properties", enabled: false});
  oMenu11.addItem(oMenuItem13);
  // Create a Link which opens the menu on click
  var oLink1 = new sap.ui.commons.Link("link1", {text: "Click me"});
  oLink1.attachPress(function(){
  var eDock = sap.ui.core.Popup.Dock;
  oMenu11.open(
  false /*First item already highlighted*/,
  oLink1.getFocusDomRef() /*Dom reference which gets the focus back when the menu is closed*/,
  eDock.BeginTop, /*"Edge" of the menu (see sap.ui.core.Popup)*/
  eDock.BeginBottom, /*"Edge" of the related opener position (see sap.ui.core.Popup)*/
  oLink1.getDomRef() /*Related opener position (see sap.ui.core.Popup)*/
sap.ui.controller("menusample.menu", {
  onInit: function(oController) {
  this.createJSONContent();
  createJSONContent : function() {
  var aData = [
          {id: "1", name: "Al", isVisible: true, isEnabled:true}
  var oModel = new sap.ui.model.json.JSONModel (aData);
  var oMenu = sap.ui.getCore().byId("menu1-1");
  oMenu.setModel(oModel);
  // Attach the link to the page
  oLink1.placeAt("content");
Please guide me.
Regards,
Aravindh

Answer 1

remove u glass from eyes man