JSON模型+控制器+对象列表

2020-09-01 21:58发布

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

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


你好,乐于助人的人!


我无法确定如何正确使用MVC的概念将简单的json格式数据集绑定到主视图上的列表。

视图已正确连接到控制器。 我的控制器中有一个正常工作的信息对话框和响应事件处理程序。 我

我还没有将模型添加到manifest.json

我的主要来源是sapui5演示工具包中的两个样本

我试图使它们适应并简化它们。 没有成功,请帮助!

Main.view.xml

 
     <清单
         headerText ="产品"
         class =" sapUiResponsiveMargin"
         width =" auto"
         items =" {product>/products}">
         <项目>
             
         
     

 

 
 

Main.controller.js

 onInit:函数(){
             const oModel = new JSONModel(" webapp/model/products.json");
             this.getView()。setModel(oModel," products");
         } 

products.json

 {
     "产品":[
             {
                     "类别":"水果",
                     "名称":"苹果"
             },
             {
                     " category":"蔬菜",
                     " name":"胡萝卜"
             }
     ]
 }

 

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

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


你好,乐于助人的人!


我无法确定如何正确使用MVC的概念将简单的json格式数据集绑定到主视图上的列表。

视图已正确连接到控制器。 我的控制器中有一个正常工作的信息对话框和响应事件处理程序。 我

我还没有将模型添加到manifest.json

我的主要来源是sapui5演示工具包中的两个样本

我试图使它们适应并简化它们。 没有成功,请帮助!

Main.view.xml

 
     <清单
         headerText ="产品"
         class =" sapUiResponsiveMargin"
         width =" auto"
         items =" {product>/products}">
         <项目>
             
         
     

 

 
 

Main.controller.js

 onInit:函数(){
             const oModel = new JSONModel(" webapp/model/products.json");
             this.getView()。setModel(oModel," products");
         } 

products.json

 {
     "产品":[
             {
                     "类别":"水果",
                     "名称":"苹果"
             },
             {
                     " category":"蔬菜",
                     " name":"胡萝卜"
             }
     ]
 }

 
付费偷看设置
发送
3条回答
渐行渐远_HoldOn
1楼 · 2020-09-01 22:31.采纳回答

Hello Max

在引用JSON文件时,路径中不需要" webapp":

 const oModel = new JSONModel(" model/products。  json");
 
蓋茨
2楼-- · 2020-09-01 22:40

Max Schustermann

在清单级定义模型在以下情况下很有用 您具有共享同一模型的多个视图。 在这种情况下,下面的语法也应该起作用。

代码中有拼写错误,您将模型命名为 products ,并将其命名为JSON文件 product 。 在命名模型的情况下,绑定看起来像" {modelName> ...}"。 因此,您的视图应如下所示:

 <列表
         headerText ="产品"
         class =" sapUiResponsiveMargin"
         width =" auto"
         items =" {产品>/产品}">
         <项目>
             
         
      
bbpeas
3楼-- · 2020-09-01 22:41
 const oModel = new JSONModel(sap.ui.require.toUrl(" YOUR/NAME/SPACE/model/products.json")); 

您知道什么是" YOURNAMESPACE"吗?

一周热门 更多>