您的位置:首页 > 其它

SMP3.0学习笔记之十 使用Kapsel EncryptedStorage插件以及GET/POST对OData服务进行操作

2014-02-22 07:56 706 查看
作者:穿行印象
http://blog.sina.com.cn/s/blog_7a9486880101qgyv.html
Kapsel EncryptedStorage Plugin的作用:以加密的形式将数据存储到移动设备端,使用API可以存储、读取其中的数据。例如,将数据存储在EncryptedStorage中:

             storage.setItem(key,

                                value,

                                storageSuccessCallback,

                                storageErrorCallback);

将数据从EncryptedStrage读取数据:

             storage.getItem(airlineDataKey,

                                function(value) {airlineData = JSON.parse(value);},

                                storageErrorCallback);

    结合SAP UI5的SDK,使用GET或者POST方法读取、修改OData服务的数据。例如,如下的UI:



当点击一个航空公司时,触发getFlights方法可以获取该行空公司的航班信息:

 

getFlights : function(carrid)
{

       //
Get a reference to the view and the list template

       var view
= sap.ui.getCore().byId("flights");

       var oTemplate
= view.getTemplate();

      

       //
Get a reference to the list and set the model

       var oList
= sap.ui.getCore().byId("FlList");

       oList.setModel(oModel);

      

       //
Bind the carrierFlights items and template

       oList.bindItems("/CarrierCollection('" +
carrid + "')/carrierFlights",
oTemplate, nullnull);

       app.to("flights");

    }

 

flights的view定义如下:

 

sap.ui.jsview("app.flights",
{

 

    oTemplate
new sap.m.CustomListItem({

       type
: sap.m.ListType.Navigation,

       press
function(evt)
{

           var cont
= sap.ui.getCore().byId("flights").getController();

           cont.getDetails(evt, this.getModel());

       },

       content
: [ new sap.m.FlexBox({

           items
: [ new sap.m.HBox({

              justifyContent
: "Start",

              width
: "50%",

              items
: [ new sap.m.Text({

                  text
: "{flightDetails/cityFrom}"

              })
]

           }), new sap.m.HBox({

              justifyContent
: "End",

              width
: "50%",

              items
: [ new sap.m.Text({

                  text
: "{flightDetails/cityTo}"

              })
]

           })

 

           ]

       }), new sap.m.FlexBox({

           items
: [ new sap.m.Text({

              text
: {

                  path
: "fldate",

                  type
: oDateTime

              }

           })
]

       }) ]

    }),

 

    getControllerName
function()
{

       return "app.flights";

    },

 

    getTemplate
function()
{

       return this.oTemplate;

    },

 

    createContent
function(oController)
{

 

       var list
new sap.m.List("FlList",
{

           items
: [

 

           ]

       });

 

       return new sap.m.Page({

           showNavButton
true,

           navButtonText
: "Back",

           navButtonPress
function()
{

              app.back();

           },

           title
: "Flights",

           content
: [ list ]

       });

    }

 

});

 

航班信息的UI长这个样子:



还可以使用POST方法修改数据,这里略去不表。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  SAP SMP 移动平台
相关文章推荐