Question

所以我尝试使用SAPUI5创建一个基本列表并在浏览器上显示它。为此，我已经定义了Page-＆gt; app-＆gt; Data - ＆gt; Model-＆gt; setData-＆gt; standadrdList-＆gt; List - ＆gt; setModel - ＆gt;将列表添加到页面。这对我没有用，但是没有控制台错误。然后我按顺序将对象声明为here。有人可以解释这背后的逻辑和原因。感谢你。

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");

Answer 1

您没有进行正确的列表绑定。

您的数据应该是类似JSON的数组
定义列表的模板和绑定路径

请参阅以下代码段和工作示例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

Javascript执行序列

1 个答案: