大家好,这是我第一次尝试在开发者网络上写东西。我看了很多教程来帮助其他开发人员理解定制在sapfiori上的工作方式,并受启发编写了一个教程。
问题:
所以我对这个特殊教程的挑战是从左侧的check price and availability app filter中删除标题详细信息中的价格。
我按照下面的指南做了一些修改对现有UI的修改,如隐藏字段添加新按钮。
扩展SAP Fiori UI的用例应用程序.pdf
由于价格出现在列表项的标题部分,而且上面提到的指南只谈到SAP提供的标准可能扩展,这个特定的场景超出了范围。
解决方案:
我很想列出从零开始扩展应用程序的过程,但是由于已经在许多教程中解释过了,我们可以让它休息一下。因此,如果您对扩展FIORI应用程序有任何疑问,请访问下面的链接,您会发现大量的资源,这些资源都有详细的说明https://wiki.scn.sap.com/wiki/display/Fiori/sap+Fiori+-+可扩展性
因此,大数据解决,我已经开始扩展名为"Check"的SAP Fiori SD应用程序价格和可用性",部署到SAP的应用程序名称是"SD\u PRAV\u MON"。
我使用的是本地版本的SAP WebIDE,连接到我的网关后端系统,连接到我的本地WebIDE。
因此,首先检查我们需要修改的地方是检查扩展应用程序的扩展性窗格。下面的屏幕显示了如何打开它。
此时,您可能会看到一个弹出窗口,要求您向后端网关系统提供凭据,具体取决于如何设置登录首选项。
下一步,我们需要看一下扩展模式,如下所示:
切换到扩展模式可以使您突出显示可扩展的区域。它还显示了可能的扩展,数据分析法,在一个名为Outline view的窗格中,部件在右侧可扩展。
例如,如果您将鼠标指向元素S2Custom->changeCustomerButton->page->customheader->sap.m.bar->contentright->changeCustomerButton.
屏幕会自动突出显示左侧窗格中的控件:
但是,如果我尝试突出显示价格所在的列表项标题,我看不到相同的扩展点。
这通常意味着两件事,
我们的是第二种情况,在这种情况下,列表项的标题部分不允许扩展。
因为没有标准的方法来实现这一点,我们需要仔细查看片段,并提供一个自定义片段来替换标准片段。
以下步骤应向我们展示如何工作。
1.UI片段通常从UI控制器加载。让我们看看S2自定义控制器.js就我们而言。这表示列表的UI控制器。
仔细看上面的屏幕截图,淘客返利,其中第67行的bindItems方法描述了如何加载XML片段。这个片段负责呈现本例中的列表项标题。
2.接下来我们需要创建一个与标准片段完全相同的自定义片段。为此,我引用了应用程序的原始代码副本,在创建扩展项目的向导过程中,零售大数据解决方案,大数据包括哪些内容,可以将其引入WebIDE。请参考下面的屏幕截图获取原始应用程序代码。
3.从应用程序的原始代码复制片段文件,并将其粘贴到扩展项目的视图目录。
粘贴到视图目录。
4.接下来我们需要对片段文件的自定义副本进行修改(我通常使用创建标准组件的自定义副本时的命名约定Z)
5.现在我们需要对组件.js文件,以容纳我们引入的自定义片段。
打开组件.js文件并添加更改以下代码行的现有条目:
到
6。现在我们需要重新访问控制器S2自定义控制器.js进行更改,并将控制器指向片段的自定义版本,以便UI更改生效。
进行更改后应如下所示。
我们需要在所有有旧(原始)xml片段的地方进行更改。
完成所有更改后以上步骤我们现在准备测试应用程序,如下屏幕截图:
注意,左侧过滤器列表中没有显示价格和货币。
这个示例是基本示例,但我希望这能让我了解如何制作自己的XML片段并替换标准片段,从而在应用程序中进行所需的UI更改。