SAPUI5 JSON值显示

2020-09-27 15:39发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,专家。

我是SAPUI5的新手,我对json中的数据处理有疑问。

我有我的下一个代码,我想知道如何对json进行基本查询,例如:

如何知道json中的记录数?
如何显示json值?
如何循环到json记录?
如果您可以通过代码C.R.U.D记录(通过添加,删除和修改字符来修改.json中的字符串)? Index.html
 <!DOCTYPE HTML>
 
 <头>
 
 


 
 <!-仅加载移动库" sap.m"和" sap_bluecrystal"主题->


 <脚本>
  sap.ui.localResources(" login");
 var app = new sap.m.App({initialPage:" idLogin1"});
 var page = sap.ui.view({id:" idLogin1",viewName:" login.Login",键入:sap.ui.core.mvc.ViewType.XML});
 app.addPage(page);
 app.placeAt(" content");
 
 <样式>
 .myimage {float:right!important top!10px; 宽度:40px; 高度:30像素;}
 


 
 
 

Login.controllers.js

//jQuery.sap.require(" sap.ui.demo.myFiori.util.Formatter");
 jQuery.sap.require(" sap.m.MessageBox");
 jQuery.sap.require(" sap.m.MessageToast");


 sap.ui.controller(" login.Login",{

 onInit:function(oEvent){
        //在此示例上设置浏览的应用程序的演示模型
         var oModel = new sap.ui.model.json.JSONModel(" model/Users.json");
         oModel.loadData(" model/Users.json");
         oModel.setData(" model/Users.json");
         sap.ui.getCore()。setModel(oModel);
         this.getView()。setModel(oModel);
     },
 onBeforeRendering:function(){
 this.getView()。byId(" idLogo")。addStyleClass(" myimage");
 },
 handleApproveLogin:函数(evt){
 var userName = this.byId('idUser')。getValue();
 var userPasword = this.byId('idPass')。getValue();
 var userMsg =" Ingrese un usuario";
 var passwordMsg =" Ingrese ana Clave";
 var oModel = new sap.ui.model.json.JSONModel(" model/Users.json");
 var oData = oModel.getProperty("/img/menu");

 如果(userName ==""){
 sap.m.MessageToast.show(userMsg,{
 持续时间:1000
 宽度:" 15em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是
 animationTimingFunction:"缓动",animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 返回false;
 }
 否则,如果(userPasword ==""){
 sap.m.MessageToast.show(passwordMsg,{
 持续时间:1000
 宽度:" 15em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是的,
 animationTimingFunction:"轻松",
 animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 返回false;
 }
 其他{
//var parsed = JSON.parse(" model/Users.json");
 var users = oModel.getProperty("/img/User");
 var密码;
 var boolean;
//var Password = $ .each(users,function(i,v){
//如果((v.UserId == userName){
//返回v.Password;
//}
//
//});

 为(用户中的var i){
 if(users [i] .UserId == userName){
 boolean = true;
 密码= users [i]。密码;
 }
 其他{
 布尔=假;
 密码= null;
 }
 }
 if(密码== userPasword &&布尔值== true){
 sap.m.MessageToast.show(" Acceso Correcto",{
 持续时间:1000
 宽度:" 15em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是的,
 animationTimingFunction:"轻松",
 animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 }其他{
 sap.m.MessageToast.show("不存在Usuario" {
 持续时间:1000
 宽度:" 20em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是的,
 animationTimingFunction:"轻松",
 animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 }
 }
 }
 });
 

Login.view.xml

 
  <页面标题="登录">
  
 <栏>
 
 
 
 
 
  
  <内容>
  
  
   
  
  
  
  
   
  
  
  
 <页脚>
 <栏>
 
 
 
 
  
  
 

User.json

 {
     "用户":[{
    
     "名称":"米格尔",
    
             " UserId":"票价",


             "密码":" 00000"
            
         },
         {
    
     "名称":" Jose",
    
             " UserId":" Jose20",


             "密码":" 12345"
            
         },
         {
    
     "名称":" Luis60",
    
             " UserId":" Luis60",


             "密码":" 67890"
            
         }
     ]
 }
 

这是我仍然不太了解的事情,而且我无法为自己检查过的更多代码做。 预先感谢,希望您能帮到我。

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,专家。

我是SAPUI5的新手,我对json中的数据处理有疑问。

我有我的下一个代码,我想知道如何对json进行基本查询,例如:

如何知道json中的记录数?
如何显示json值?
如何循环到json记录?
如果您可以通过代码C.R.U.D记录(通过添加,删除和修改字符来修改.json中的字符串)? Index.html
 <!DOCTYPE HTML>
 
 <头>
 
 


 
 <!-仅加载移动库" sap.m"和" sap_bluecrystal"主题->


 <脚本>
  sap.ui.localResources(" login");
 var app = new sap.m.App({initialPage:" idLogin1"});
 var page = sap.ui.view({id:" idLogin1",viewName:" login.Login",键入:sap.ui.core.mvc.ViewType.XML});
 app.addPage(page);
 app.placeAt(" content");
 
 <样式>
 .myimage {float:right!important top!10px; 宽度:40px; 高度:30像素;}
 


 
 
 

Login.controllers.js

//jQuery.sap.require(" sap.ui.demo.myFiori.util.Formatter");
 jQuery.sap.require(" sap.m.MessageBox");
 jQuery.sap.require(" sap.m.MessageToast");


 sap.ui.controller(" login.Login",{

 onInit:function(oEvent){
        //在此示例上设置浏览的应用程序的演示模型
         var oModel = new sap.ui.model.json.JSONModel(" model/Users.json");
         oModel.loadData(" model/Users.json");
         oModel.setData(" model/Users.json");
         sap.ui.getCore()。setModel(oModel);
         this.getView()。setModel(oModel);
     },
 onBeforeRendering:function(){
 this.getView()。byId(" idLogo")。addStyleClass(" myimage");
 },
 handleApproveLogin:函数(evt){
 var userName = this.byId('idUser')。getValue();
 var userPasword = this.byId('idPass')。getValue();
 var userMsg =" Ingrese un usuario";
 var passwordMsg =" Ingrese ana Clave";
 var oModel = new sap.ui.model.json.JSONModel(" model/Users.json");
 var oData = oModel.getProperty("/img/menu");

 如果(userName ==""){
 sap.m.MessageToast.show(userMsg,{
 持续时间:1000
 宽度:" 15em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是
 animationTimingFunction:"缓动",animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 返回false;
 }
 否则,如果(userPasword ==""){
 sap.m.MessageToast.show(passwordMsg,{
 持续时间:1000
 宽度:" 15em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是的,
 animationTimingFunction:"轻松",
 animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 返回false;
 }
 其他{
//var parsed = JSON.parse(" model/Users.json");
 var users = oModel.getProperty("/img/User");
 var密码;
 var boolean;
//var Password = $ .each(users,function(i,v){
//如果((v.UserId == userName){
//返回v.Password;
//}
//
//});

 为(用户中的var i){
 if(users [i] .UserId == userName){
 boolean = true;
 密码= users [i]。密码;
 }
 其他{
 布尔=假;
 密码= null;
 }
 }
 if(密码== userPasword &&布尔值== true){
 sap.m.MessageToast.show(" Acceso Correcto",{
 持续时间:1000
 宽度:" 15em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是的,
 animationTimingFunction:"轻松",
 animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 }其他{
 sap.m.MessageToast.show("不存在Usuario" {
 持续时间:1000
 宽度:" 20em",
 我的:"中央底部",
 在:"中心底部",
 的:窗口,
 偏移量:" 0 0",
 碰撞:"适合",
 onClose:null,
 autoClose:是的,
 animationTimingFunction:"轻松",
 animationDuration:1000,
 closeOnBrowserNavigation:正确
 });
 }
 }
 }
 });
 

Login.view.xml

 
  <页面标题="登录">
  
 <栏>
 
 
 
 
 
  
  <内容>
  
  
   
  
  
  
  
   
  
  
  
 <页脚>
 <栏>
 
 
 
 
  
  
 

User.json

 {
     "用户":[{
    
     "名称":"米格尔",
    
             " UserId":"票价",


             "密码":" 00000"
            
         },
         {
    
     "名称":" Jose",
    
             " UserId":" Jose20",


             "密码":" 12345"
            
         },
         {
    
     "名称":" Luis60",
    
             " UserId":" Luis60",


             "密码":" 67890"
            
         }
     ]
 }
 

这是我仍然不太了解的事情,而且我无法为自己检查过的更多代码做。 预先感谢,希望您能帮到我。

付费偷看设置
发送
2条回答
宇峰Kouji
1楼-- · 2020-09-27 16:10

你好米格尔,

请在Login.controller中找到带有注释行的附件,以供参考

此致

Ravikiran

土豆飞人
2楼-- · 2020-09-27 16:01

请在该博客中找到一些信息:

在 SAP UI5

一周热门 更多>