提问
field masking for SAPUI5 and SAP Fiori SAPUI5 SAP Fiori SAPUI5 SAPUI5

SAPUI5 JSON值显示

2020-09-27 15:39发布

站内问答 / Fiori
2477 2 5

         点击此处--->   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

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...