Create a project
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
Index内添加代码,尤其注意一点儿,libs 内需要手动加上 sap.ui.table
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
代码如下
<script>
//create model
var oModel = new sap.ui.model.json.JSONModel();
oModel.loadData("./json/data.json");
sap.ui.getCore().setModel(oModel);
//create tabel
oTable = new sap.ui.table.Table({title:"Demo Date"});
//add column
oColID = new sap.ui.table.Column({
label : "ID",
template : 'ID'
});
oColName = new sap.ui.table.Column({
label : "Name",
template : "NAME"
});
oColAge = new sap.ui.table.Column({
label : "Age",
template : "AGE"
});
oTable.addColumn(oColID);
oTable.addColumn(oColName);
oTable.addColumn(oColAge);
oTable.setModel(oModel);
oTable.bindRows("/data");
oTable.placeAt("content");
</script>
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
另外,可以不适读文件,直接从代码里定义
![SAP <wbr>UI5 <wbr>Demo <wbr>绑定自定义的json数据](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
效果一样
友情提示:
第一课堂HANA系统搭建完成,公网双IP访问,速度有保证,
进第一课堂群139446252,免费领取HANA测试账号。
申请时验证信息可输入来自本博客
http://blog.sina.com.cn/sapliumeng