这是关于如何构建您自己的SAP Fiori Approve Purchase Orders应用程序的教程系列的第五部分。
本教程的目的是逐步向您展示如何构建您自己的SAP Fiori Approve Purchase Orders应用程序,并提供有关为什么某些方面已按原样开发的其他见解。
请参阅介绍性内容发布(教程:构建您自己的SAP Fiori Approve Purchase Order应用程序)了解本教程的背景信息。
之前发布的章节可在此处找到:
第2部分:(教程:构建您自己的SAP Fiori Approve Purchase Order应用程序-第2部分)
在本章中,我们使用SAP Web IDE设置应用程序,并使用模拟数据运行应用程序。
第3部分:(教程:构建您自己的SAP Fiori Approve Purchase Order应用程序–第3部分)
在本章中,我们调整了应用程序的列表屏幕。
第4部分(教程:构建您自己的SAP Fiori Approve Purchase Order应用程序–第4部分)
在本章中,低价云服务器,我们调整了应用程序的详细屏幕。
在第五部分中,我们将启用"批准"和"拒绝"按钮。
启用"批准"和"拒绝"按钮到目前为止,该应用程序只不过是一个开放的采购订单浏览器。到目前为止,我们丰富了应用程序中显示的信息,但它仍然是只读的,不可能更改数据。现在让我们实现事务行为。要做到这一点,我们需要一些子步骤,因为除了纯控制器逻辑之外,我们还需要考虑我们的模拟服务器如何支持更改,以及在审批挂起的情况下UI会发生什么情况。
首先,京淘客,让我们在详细信息页上定义两个新的审批/拒绝按钮。完成后,按钮如下:
定义在视图中完成/Detail.view.xml文件:
文件:查看/Detail.view.xml文件
我们使用不同的语义-肯定和否定来表示这些按钮的不同语义。对于每个按钮,大数据分析软件有哪些,我们需要定义要显示的文本和实现该行为的事件处理程序。这两个文本都在i18n.properties文件中定义。
文件:i18n/i18n.properties
#~~~详细视图~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~xbut.approve=批准
但
xbut.reject=拒绝
接下来,我们将在用于处理批准和拒绝事件的详细控制器类。它们使用一个简单的MessageToast来显示相应按钮的文本。在本教程后面,我们将把业务逻辑连接到这些事件处理程序中/详细信息.controller.js
sap.ui.define([
"acme/purchaseorder/controller/BaseController",
"sap/ui/model/json/JSONModel",淘客app原生,
"acme/purchaseorder/model/formatter",什么叫云服务器,
"sap/m/MessageToast"
],函数(BaseController,JSONModel,formatter,MessageToast){
"使用严格";
[…]
onMetadataLoaded:function(){
[…]
},
onApprove:function(){
消息toast.show(此.getResourceBundle().getText(""xbut.批准);
},
onReject:function(){
消息toast.show(此.getResourceBundle().getText(""xbut.拒绝");
}
});
}
);
点击批准现在应该显示类似这样的短消息:
启动刷卡审批
特别是在iOS上,用户习惯于使用刷卡操作触发列表上的默认操作,而不是导航到详细视图。这应该也可以在我们的审批应用程序。所以,我们需要在列表上实现刷卡事件。
文件:查看/Master.view.xml文件
[…]
同样,我们将在相应的视图控制器中添加一个事件处理程序来测试新按钮。
文件:控制器/主控器.js
sap.ui.define([
"acme/purchaseorder/controller/BaseController"、
"sap/ui/model/json/JSONModel"、
"sap/ui/model/Filter",
"sap/ui/model/FilterOperator"、
"sap/m/GroupHeaderList"、
"sap/ui/Device"、
"acme/purchaseorder/model/formatter"、
"acme/purchaseorder/model/grouper"、
"acme/purchaseorder/model/GroupSortState"、
"sap/m/MessageToast"
]、函数(BaseController、JSONModel、Filter、FilterOperator、GroupHeaderList、Device、formatter、grouper、,GroupSortState,MessageToast){
[…]
updateFilterBar:function(sFilterBarText){
[…]
},
onSwipeApprove:function(oEvent){
消息toast.show(此.getResourceBundle().getText(""xbut.批准");
},
onswip:function(oEvent){
//有意留空
},
定义"批准/拒绝"弹出窗口
一旦用户单击"批准"或"拒绝",我们希望在这两种情况下都有一个对话框,以便用户可以添加可选注释。首先,我们需要定义提示用户输入可选注释的对话框。为了这个,我们将创建一个与SAPUI5演练中显示的片段相同的新片段。
我们将在视图文件夹中创建一个名为fragment的子文件夹。
我们还将创建一个新文件ApprovalDialog.fragment.xml文件在fragment文件夹中
将以下定义粘贴到ApprovalDialog.fragment.xml文件文件
文件:视图/片段/ApprovalDialog.fragment.xml文件
/approvalNote}"width="100%"/>