SAP UI5 Demo 绑定…

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

            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>

 

 

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

效果一样

 

友情提示：

第一课堂HANA系统搭建完成，公网双IP访问，速度有保证，

进第一课堂群139446252，免费领取HANA测试账号。

申请时验证信息可输入来自本博客

http://blog.sina.com.cn/sapliumeng