主/细节绑定与bindElement问题

2020-08-19 14:39发布

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

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


专家您好,

我正在做一个简单的演示应用程序,MasterView包含项目,当单击任何项​​目时,同一项目将显示在详细信息视图中。

问题:能够从主视图导航到详细信息视图。 但是在主视图中选择的数据不会显示在详细视图中。

下面是代码,请帮助我解决我在做什么错误,请在下面的Mastercontroller.js文件中检查我的代码,其中我正在将上下文设置为详细信息视图。

Component.js

 sap.ui.define([" sap/ui/core/UIComponent"],function(UIComponent){
 返回UIComponent.extend(" root.Component",{
 元数据:{},//如果您正在使用清单文件
 init:function(){
 UIComponent.prototype.init.apply(this);
 },
 createContent:function(){
//创建View实例
 var oAppView = new sap.ui.view(" idappview",{
 viewName:" root.view.App",
 类型:" XML"
 });
 

Index.html

 <!DOCTYPE html>
 
 <头>
 
 <脚本>
 var oComponentContainer = new sap.ui.core.ComponentContainer(" idcc",{
 名称:" root"
 });
 oComponentContainer.placeAt(" UIArea");
 
 
 
 

model.js

 sap.ui.define([" sap/ui/model/json/JSONModel"],function(JSONModel){
 返回{
 createJSONModel:function(){
 var oModel = new JSONModel();
 oModel.loadData(" models/data/products.json");
 返回oModel;
 }
 };
 });
 

DetailView.XML

 
 <页面标题="详细信息">
 <内容>
 
 
 
 
 
 

MasterController.js

 onInit:函数(){
          var omodel = model.createJSONModel();
          this.getView()。setModel(omodel);
 },
 onNext:function(oEvent){
 var sPath = oEvent.getParameter(" listItem")。getBindingContextPath();
 var oApp = this.getView()。getParent();
 var oView2 = oApp.getPages()[1];
 oView2.bindElement(sPath);
 oApp.to(" iddetview");
 } 

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

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


专家您好,

我正在做一个简单的演示应用程序,MasterView包含项目,当单击任何项​​目时,同一项目将显示在详细信息视图中。

问题:能够从主视图导航到详细信息视图。 但是在主视图中选择的数据不会显示在详细视图中。

下面是代码,请帮助我解决我在做什么错误,请在下面的Mastercontroller.js文件中检查我的代码,其中我正在将上下文设置为详细信息视图。

Component.js

 sap.ui.define([" sap/ui/core/UIComponent"],function(UIComponent){
 返回UIComponent.extend(" root.Component",{
 元数据:{},//如果您正在使用清单文件
 init:function(){
 UIComponent.prototype.init.apply(this);
 },
 createContent:function(){
//创建View实例
 var oAppView = new sap.ui.view(" idappview",{
 viewName:" root.view.App",
 类型:" XML"
 });
 

Index.html

 <!DOCTYPE html>
 
 <头>
 
 <脚本>
 var oComponentContainer = new sap.ui.core.ComponentContainer(" idcc",{
 名称:" root"
 });
 oComponentContainer.placeAt(" UIArea");
 
 
 
 

model.js

 sap.ui.define([" sap/ui/model/json/JSONModel"],function(JSONModel){
 返回{
 createJSONModel:function(){
 var oModel = new JSONModel();
 oModel.loadData(" models/data/products.json");
 返回oModel;
 }
 };
 });
 

DetailView.XML

 
 <页面标题="详细信息">
 <内容>
 
 
 
 
 
 

MasterController.js

 onInit:函数(){
          var omodel = model.createJSONModel();
          this.getView()。setModel(omodel);
 },
 onNext:function(oEvent){
 var sPath = oEvent.getParameter(" listItem")。getBindingContextPath();
 var oApp = this.getView()。getParent();
 var oView2 = oApp.getPages()[1];
 oView2.bindElement(sPath);
 oApp.to(" iddetview");
 } 
付费偷看设置
发送
1条回答
hengyuye
1楼-- · 2020-08-19 15:07

您好, Vijay Malloju

请尝试在第二个视图中绑定模型。

 onInit:函数(){
          var omodel = model.createJSONModel();
          this.getView()。setModel(omodel);
 },
 onNext:function(oEvent){
 var sPath = oEvent.getParameter(" listItem")。getBindingContextPath();
 var oApp = this.getView()。getParent();
 var oView2 = oApp.getPages()[1];

 oView2.getView()。setModel(this.getView()。getModel());
 oView2.bindElement(sPath);
 oApp.to(" iddetview");
 } 

或尝试使用这两个解决方案是最好的方法:

https://stackoverflow.com/questions/52328598/sapui5-pass-data-from-one-view-to-another-view

问候;)
塞巴斯蒂安诺

一周热门 更多>