数据未在UI5的第二个视图中显示

2020-09-27 00:05发布

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

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


你好大师,

在UI5中开发需要一些帮助的应用程序时,我遇到的问题很少。

1。 当我从第一视图(input.view.xml)导航到第二视图(plant.view.xml)时,本地json文件中的数据没有显示。

2。 我无法从第二视图导航回到第一视图,并且在开发者控制台中也没有收到任何错误。请找到随附的代码以供参考。

Plant.view.xml

 
    
      
     
             <工具栏>
                 <标题文本="产品"级别=" H2"/>
             
         
         <列>
             <专栏
                 width =" 12em">
                 
             
             <专栏
                 minScreenWidth ="平板电脑"
                 demandPopin =" true">
                 
             
             <专栏
                 minScreenWidth ="平板电脑"
                 demandPopin =" true"
                 hAlign =" End">
                 
             
             <专栏
                 minScreenWidth ="平板电脑"
                 demandPopin =" true"
                 hAlign =" Center">
                 
             
             <专栏
                 hAlign =" End">
                 
             
         
         <项目>
             
                 <单元格>
                     
                     <文字
                         text =" {SupplierName}"/>
                     <文字
                         text =" {Width} x {Depth} x {Height} {DimUnit}"/>
                     
                     
                 
             
         
     

Plant.controller.js

 sap.ui.define([
     'sap/ui/core/mvc/Controller',
     'jquery.sap.global',
     "股票/格式化程序",
     'sap/ui/core/routing/History',
     'sap/ui/model/json/JSONModel'
 ],函数(控制器,jQuery,格式化程序,历史记录,JSONModel){
     "使用严格";
     var TableController = Controller.extend(" stock.controller.plant",{
        
         onInit:函数(){
            //在此示例上设置浏览的应用程序的演示模型
             var oModel = new JSONModel(jQuery.sap.getModulePath(" sap.ui.demo.mock","/products.json")));
             this.getView()。setModel(oModel);
         },
        
         getRouter:function(){
             返回sap.ui.core.UIComponent.getRouterFor(this);
         },
        
        
         onNavBack:函数(){
             var oHistory,sPreviousHash;
             oHistory = History.getInstance();
             sPreviousHash = oHistory.getPreviousHash();
             如果(sPreviousHash!==未定义){
                 window.history.go(-1);
             }其他{
                 this.getRouter()。navTo(" input",{},true);
             }
         }
     });
     返回TableController;
 }); 

Manifest.json

 {
   " _version":" 1.1.0",
   " sap.app":{
     " _version":" 1.1.0",
     " id":"股票",
     " type":"应用程序",
     " i18n":" i18n/i18n.properties",
     " title":" {{appTitle}}",
     " description":" {{appDescription}}",
     " applicationVersion":{
       " version":" 1.0.0"
     }
   },
   " sap.ui":{
     " _version":" 1.1.0",
     " technology":" UI5",
     " deviceTypes":{
       "桌面":是的,
       "平板电脑":是的,
       "电话":正确
     },
     " supportedThemes":[
       " sap_belize"
     ]
   },
 " sap.ui5":{
     " _version":" 1.1.0",
     " rootView":" stock.view.input",
     "依赖关系":{
       " minUI5Version":" 1.30",
       " libs":{
         " sap.m":{}
       }
     },
  
     "楷模": {
       " i18n":{
         " type":" sap.ui.model.resource.ResourceModel",
         "设置":{
           " bundleName":" stock.i18n.i18n"
         }
       }
     },
     "路由":{
             " config":{
                 " routerClass":" sap.m.routing.Router",
                 " viewType":" XML",
                 " viewPath":" stock.view",
                 " controlId":" app",
                 " controlAggregation":"页面",
                 " transition":" slide",
                 "绕过":{
                     "目标":[
                         "未找到"
                     ]
                 },
                 "异步":true
             },
             "路线":[
                  {
                 " pattern":"",
                 " name":"输入",
                 " target":"输入"
                 },
                
                 {
                     " pattern":"植物",
                     " name":"植物",
                     " target":"植物"
                 }
             ],
             "目标":{
                     "输入":{
                     " viewName":"输入",
                     " viewId":" App",
                     " viewLevel":1
                 },
                
                     "植物":{
                     " viewName":"植物",
                     " viewId":"植物",
                     " viewLevel":2
                     " title":" {i18n> materialDetail}"
                 }
             }
         }
     }
  } 

Component.js

 sap.ui.define([" sap/ui/core/UIComponent",
     " sap/ui/core/mvc/XMLView",
     " sap/ui/model/json/JSONModel"],
     函数(UIComponent,JSONModel,XMLView){
     "使用严格";

     var Component = UIComponent.extend(" stock.Component",{

         元数据:{
         清单:" json",
             getTable:function(){
                 返回this._rootView.getContent()[0];
             }
                 },
                 publicMethods:[
                     " getTable"
                 ],
                 依赖项:{
                     库:[
                         " sap.m",
                         " sap.ui.layout"
                     ]
                 },
                
             rootView:" stock.view.input",
             配置:{
                 样本:{
                     文件:[
                         " view.input.view.xml",
                         " controller.main.controller.js",
                         " Formatter.js"
                        //" Dialog.fragment.xml"
                     ],
                     描述:"在此示例中,为辅助输入提供了类似表格的建议,其中几列可以显示更多详细信息。"
                 }
             },
    
     初始化:函数(){
        //调用父级的init函数
         UIComponent.prototype.init.apply(this,arguments);
            this.getRouter()。initialize();
     }
     });
    
     Component.prototype.createContent = function(){
         this._rootView = sap.ui.xmlview({viewName:" stock.view.input"});
         返回this._rootView;
     };

     返回组件;
 }); 

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

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


你好大师,

在UI5中开发需要一些帮助的应用程序时,我遇到的问题很少。

1。 当我从第一视图(input.view.xml)导航到第二视图(plant.view.xml)时,本地json文件中的数据没有显示。

2。 我无法从第二视图导航回到第一视图,并且在开发者控制台中也没有收到任何错误。请找到随附的代码以供参考。

Plant.view.xml

 
    
      
     
             <工具栏>
                 <标题文本="产品"级别=" H2"/>
             
         
         <列>
             <专栏
                 width =" 12em">
                 
             
             <专栏
                 minScreenWidth ="平板电脑"
                 demandPopin =" true">
                 
             
             <专栏
                 minScreenWidth ="平板电脑"
                 demandPopin =" true"
                 hAlign =" End">
                 
             
             <专栏
                 minScreenWidth ="平板电脑"
                 demandPopin =" true"
                 hAlign =" Center">
                 
             
             <专栏
                 hAlign =" End">
                 
             
         
         <项目>
             
                 <单元格>
                     
                     <文字
                         text =" {SupplierName}"/>
                     <文字
                         text =" {Width} x {Depth} x {Height} {DimUnit}"/>
                     
                     
                 
             
         
     

Plant.controller.js

 sap.ui.define([
     'sap/ui/core/mvc/Controller',
     'jquery.sap.global',
     "股票/格式化程序",
     'sap/ui/core/routing/History',
     'sap/ui/model/json/JSONModel'
 ],函数(控制器,jQuery,格式化程序,历史记录,JSONModel){
     "使用严格";
     var TableController = Controller.extend(" stock.controller.plant",{
        
         onInit:函数(){
            //在此示例上设置浏览的应用程序的演示模型
             var oModel = new JSONModel(jQuery.sap.getModulePath(" sap.ui.demo.mock","/products.json")));
             this.getView()。setModel(oModel);
         },
        
         getRouter:function(){
             返回sap.ui.core.UIComponent.getRouterFor(this);
         },
        
        
         onNavBack:函数(){
             var oHistory,sPreviousHash;
             oHistory = History.getInstance();
             sPreviousHash = oHistory.getPreviousHash();
             如果(sPreviousHash!==未定义){
                 window.history.go(-1);
             }其他{
                 this.getRouter()。navTo(" input",{},true);
             }
         }
     });
     返回TableController;
 }); 

Manifest.json

 {
   " _version":" 1.1.0",
   " sap.app":{
     " _version":" 1.1.0",
     " id":"股票",
     " type":"应用程序",
     " i18n":" i18n/i18n.properties",
     " title":" {{appTitle}}",
     " description":" {{appDescription}}",
     " applicationVersion":{
       " version":" 1.0.0"
     }
   },
   " sap.ui":{
     " _version":" 1.1.0",
     " technology":" UI5",
     " deviceTypes":{
       "桌面":是的,
       "平板电脑":是的,
       "电话":正确
     },
     " supportedThemes":[
       " sap_belize"
     ]
   },
 " sap.ui5":{
     " _version":" 1.1.0",
     " rootView":" stock.view.input",
     "依赖关系":{
       " minUI5Version":" 1.30",
       " libs":{
         " sap.m":{}
       }
     },
  
     "楷模": {
       " i18n":{
         " type":" sap.ui.model.resource.ResourceModel",
         "设置":{
           " bundleName":" stock.i18n.i18n"
         }
       }
     },
     "路由":{
             " config":{
                 " routerClass":" sap.m.routing.Router",
                 " viewType":" XML",
                 " viewPath":" stock.view",
                 " controlId":" app",
                 " controlAggregation":"页面",
                 " transition":" slide",
                 "绕过":{
                     "目标":[
                         "未找到"
                     ]
                 },
                 "异步":true
             },
             "路线":[
                  {
                 " pattern":"",
                 " name":"输入",
                 " target":"输入"
                 },
                
                 {
                     " pattern":"植物",
                     " name":"植物",
                     " target":"植物"
                 }
             ],
             "目标":{
                     "输入":{
                     " viewName":"输入",
                     " viewId":" App",
                     " viewLevel":1
                 },
                
                     "植物":{
                     " viewName":"植物",
                     " viewId":"植物",
                     " viewLevel":2
                     " title":" {i18n> materialDetail}"
                 }
             }
         }
     }
  } 

Component.js

 sap.ui.define([" sap/ui/core/UIComponent",
     " sap/ui/core/mvc/XMLView",
     " sap/ui/model/json/JSONModel"],
     函数(UIComponent,JSONModel,XMLView){
     "使用严格";

     var Component = UIComponent.extend(" stock.Component",{

         元数据:{
         清单:" json",
             getTable:function(){
                 返回this._rootView.getContent()[0];
             }
                 },
                 publicMethods:[
                     " getTable"
                 ],
                 依赖项:{
                     库:[
                         " sap.m",
                         " sap.ui.layout"
                     ]
                 },
                
             rootView:" stock.view.input",
             配置:{
                 样本:{
                     文件:[
                         " view.input.view.xml",
                         " controller.main.controller.js",
                         " Formatter.js"
                        //" Dialog.fragment.xml"
                     ],
                     描述:"在此示例中,为辅助输入提供了类似表格的建议,其中几列可以显示更多详细信息。"
                 }
             },
    
     初始化:函数(){
        //调用父级的init函数
         UIComponent.prototype.init.apply(this,arguments);
            this.getRouter()。initialize();
     }
     });
    
     Component.prototype.createContent = function(){
         this._rootView = sap.ui.xmlview({viewName:" stock.view.input"});
         返回this._rootView;
     };

     返回组件;
 }); 
付费偷看设置
发送
1条回答
南山jay
1楼-- · 2020-09-27 00:40

大家好,

任何人都可以在上述问题上提供一些帮助。

此致

Ajay

一周热门 更多>