SAPUI5命名模型在主从情况下不起作用

2020-09-14 00:07发布

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

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


专家您好,

我有一个演示,当单击列表面板中的条目时,详细信息将显示在详细信息面板中。 如果我使用未命名模型,它可以正常工作,但是,使用命名模型时,它不起作用。 如以下代码所示,模型被声明为" mydata"

 sap.ui.getCore()。attachInit(function(){
//绑定模型
 var oModel = sap.ui.model.json.JSONModel();
 oModel.loadData(" ./model/products.json");
 sap.ui.getCore()。setModel(oModel," mydata");
 
//产品列表项模板
 var oItemType = new sap.m.ObjectListItem({
 标题:" {mydata> ProductName}",
 类型:"有效",
 按下:function(oEvent){
 var oContext = oEvent.getSource()。getBindingContext(" mydata");
 var oPath = oContext.getPath();
 oProductDetailPanel.bindElement({path:oPath});
 }});
 
//列表面板
 var oProductListPanel = new sap.m.Panel({
 headerText:"产品列表",
 内容:[新sap.m.List({
 项目:{path:'mydata>/Products',模板:oItemType}
 }]]
 });
 
//面板以获取详细信息
 var oProductDetailPanel = new sap.m.Panel({
 headerText:"产品详细信息",
 内容:[
 新的sap.ui.layout.VerticalLayout({
 内容:[new sap.ui.layout.Horizo​​ntalLayout({
 内容:[
 新的sap.m.Label({text:"产品ID",宽度:" 150px"}),
 新的sap.m.Input({value:" {ProductID}"})
 ]})
 ]
 })
 ]});
 
 new sap.ui.layout.Horizo​​ntalLayout({content:[oProductListPanel,oProductDetailPanel]})。placeAt(" content");
 }); 

列表面板显示商品,但是列表面板没有响应。 请指出如何引用字段" ProductID"。

致谢

弗兰基

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

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


专家您好,

我有一个演示,当单击列表面板中的条目时,详细信息将显示在详细信息面板中。 如果我使用未命名模型,它可以正常工作,但是,使用命名模型时,它不起作用。 如以下代码所示,模型被声明为" mydata"

 sap.ui.getCore()。attachInit(function(){
//绑定模型
 var oModel = sap.ui.model.json.JSONModel();
 oModel.loadData(" ./model/products.json");
 sap.ui.getCore()。setModel(oModel," mydata");
 
//产品列表项模板
 var oItemType = new sap.m.ObjectListItem({
 标题:" {mydata> ProductName}",
 类型:"有效",
 按下:function(oEvent){
 var oContext = oEvent.getSource()。getBindingContext(" mydata");
 var oPath = oContext.getPath();
 oProductDetailPanel.bindElement({path:oPath});
 }});
 
//列表面板
 var oProductListPanel = new sap.m.Panel({
 headerText:"产品列表",
 内容:[新sap.m.List({
 项目:{path:'mydata>/Products',模板:oItemType}
 }]]
 });
 
//面板以获取详细信息
 var oProductDetailPanel = new sap.m.Panel({
 headerText:"产品详细信息",
 内容:[
 新的sap.ui.layout.VerticalLayout({
 内容:[new sap.ui.layout.Horizo​​ntalLayout({
 内容:[
 新的sap.m.Label({text:"产品ID",宽度:" 150px"}),
 新的sap.m.Input({value:" {ProductID}"})
 ]})
 ]
 })
 ]});
 
 new sap.ui.layout.Horizo​​ntalLayout({content:[oProductListPanel,oProductDetailPanel]})。placeAt(" content");
 }); 

列表面板显示商品,但是列表面板没有响应。 请指出如何引用字段" ProductID"。

致谢

弗兰基

付费偷看设置
发送
1条回答
Doze时光
1楼-- · 2020-09-14 00:30

您好 Frankie ,您能在示例项目中重新创建代码吗?

此外,您绝对应该切换到XML视图而不是JS。

干杯,伊曼纽尔。

一周热门 更多>