2017-04-11 173 views
0

所以我想用SAPUI5创建一个基本列表并在浏览器上显示它。为此我定义了Page-> app-> Data - > Model-> setData-> standadrdList-> List - > setModel - >为页面添加列表。这不适用于我,但没有控制台错误。然后,我确实按顺序声明了对象here。有人可以解释这背后的逻辑和原因。感谢您。Javascript执行顺序

var oData ={ 
    Name: "Dinasour", 
    Place : "Mammal" 
}; 

var oModel = new sap.ui.model.json.JSONModel(); 

oModel.setData(oData); 

var oItem = new sap.m.StandardListItem({ 
    title : "{/Name}", 
    description : "{/Place}" 
}); 

var oList = new sap.m.List({ 
    headerText:"List Items in a Table", 
    items:[ 
    oItem 
    ] 
}); 

oList.setModel(oModel); 

var oPage = new sap.m.Page({ 
    title:"SAP LIST", 
    content:[ 
    oList 
    ] 
}); 

var oApp = new sap.m.App({ 
    pages:[oPage] 
}).placeAt("content1"); 
+1

相关的代码应该在这里,而不仅仅是一个外部链接 –

回答

1

你没有做正确的列表绑定。

  1. 你的数据应该像JSON
  2. 一个阵列
  3. 定义你的列表

模板,并结合路径参见下面的代码片段和一个工作示例here

var oData = 
[ 
    {Name: "Dinasour", Place : "Mammal"}, 
    { Name: "Dinasour2",Place : "Mammal"}, 
    { Name: "Dinasour3",Place : "Mammal"} 
]; 

//other code here 

var oItem = new sap.m.StandardListItem({ 
    title : "{Name}", 
    description : "{Place}" 
}); 


var oList = new sap.m.List({ 
    headerText:"List Items in a Table", 
    items: { 
     path: "/",  //no curly brackets here! 
     template: oItem 
    } 
}); 

//other code here