SAP UI5 Demo 绑定自定义的json数据_SAP刘梦_新浪博客

Create a project

Index内添加代码，尤其注意一点儿，libs 内需要手动加上 sap.ui.table

代码如下

<script>
//create model
var oModel = new sap.ui.model.json.JSONModel();
    oModel.loadData("./json/data.json");
             sap.ui.getCore().setModel(oModel);
 
//create tabel
new sap.ui.table.Table({title:"Demo Date"});
            
//add column
      
new sap.ui.table.Column({
"ID",
'ID' 
            });
            
new sap.ui.table.Column({
"Name",
"NAME" 
            });
            
new sap.ui.table.Column({
"Age",
"AGE" 
            });
            oTable.addColumn(oColID);
            oTable.addColumn(oColName);
            oTable.addColumn(oColAge);
            
            oTable.setModel(oModel);
"/data");
"content");
</script>

另外，可以不适读文件，直接从代码里定义

效果一样