云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

负载均衡_网站服务器制作_返现

小七 141 0

这是关于如何构建您自己的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%"/>