0
点赞
收藏
分享

微信扫一扫

SAP UI5 Demo 绑定…

Create a project

SAP UI5 Demo 绑定…_读文件

 

SAP UI5 Demo 绑定…_读文件

 

SAP UI5 Demo 绑定…_读文件

 

SAP UI5 Demo 绑定…_读文件

 

SAP UI5 Demo 绑定…_读文件

 

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

SAP UI5 Demo 绑定…_读文件

代码如下

            <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 UI5 Demo 绑定…_读文件

 

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

SAP UI5 Demo 绑定…_读文件

效果一样

 

举报

相关推荐

0 条评论