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

企业网站_阿里云域名申请_企业0元试用

小七 141 0

经常,我们遇到了这样一种情况,用户要求在UI表上添加个性化设置,这样他们就可以根据自己的需要存储视图,只需点击一个按钮就可以轻松地查看所需的信息sap.ui.table表要以表格形式显示数据,云服务器多少钱,因为操作这种形式的UI控件非常容易,此外,它提供了很大的灵活性,以满足我们的需要以及。它唯一缺少的就是个性化。当然,可以使用sap.ui.table表.TablePersoController,它可以控制列的可见性,但它们不会持久化。

因此,为了使其持久化,我们可以将VariantManagement控件与TablePersoController一起添加到我们的FIORI应用程序表中,并将此信息存储在后端ABAP系统提供的持久数据库中。

变量管理可以如下截图所示:

我们首先要做的是添加此变量管理控件(sap.ui.comp公司.变量管理)我们的用户界面。下面的代码段可以添加到UI表的扩展或工具栏(在新版本中已弃用)区域中。

上面的代码将在UI表的工具栏上添加变体管理控件。增加按钮,增加表格persco控制器,根据需要打开列列表设置为可见或不可见。

设置变量管理,大数据存储技术,将变量管理与后端系统连接,将使用ushell服务(统一Shell服务)。

下面显示的代码快照将调用服务:

sap.ushell.Container文件.getService("Personalization")将从统一shell获取Personalization服务的实例,用于将信息存储到后端系统。

此方法使用容器模式来保存变体。最终,我们将添加需要存储的值,并将它们保存在容器中以持久化它们。

由于这为我们提供了一个oData服务来读取和写入数据,因此我们需要获得适配器的实例来执行此操作。因此,物联网概念,我们创建了一个变量集适配器实例。

另一个需要注意的是,我们需要创建自己的变量集名称。为了简单起见,我在这里使用了表ID作为变量集名称,但这取决于您。

this.oviantsetadapter.addVariantSet将应用程序的新变量集添加到服务中,并将其保留在后端。一旦我们准备好了,自助建站服务,我们就可以在变量集中积垢变量。

这里使用的表格Perso控制器与表格一致,即来自控件sap.ui.table表.TablePersoController.

上面的代码不仅会调用变量管理服务,还会将perso控制器附加到表。perso controller也使用统一shell服务,并根据其中指定的表实例进行渲染

要使用perso controller,我们会添加代码,在工具栏上标记为settings

的按钮的press事件上打开列列表,这样,在按下按钮时,将弹出包含列列表的屏幕,用户可以从中选择或取消选择以分别取消隐藏或隐藏列。所有列的详细信息都来自提供给perso控制器的表实例。

现在是有趣的部分,保存和管理变量。一旦用户选择了要显示的列,包括它们的位置,他/她可以按变体管理按钮保存个性化设置。

按弹出窗口上的OK按钮时,将触发事件处理程序方法"onSaveAs"。下面的代码快照将使用列设置存储变量,包括到后端的顺序

此方法的参数将提供用户输入的变量信息。为了阅读,我们需要使用这个方法oEvent.getParameters文件()获取这些值。

上面的代码将存储需要存储在本地数组中的表的列信息。所需的重要信息包括列名、其ID、列的索引及其可见性。当然,查淘客,排序等其他信息也可以存储,但这完全是基于需求的。

创建的变量不存储数组,而是将内容存储为字符串,因此使用JSON.stringify文件()方法

一次,所有信息都写入变量集,容器可以保存。

这里要注意的另一点是,要存储值,使用setItemValue()方法。要将多个信息存储到同一个变量,可以使用不同的参数多次调用此方法。例如

this.oviant.setItemValue("ColumnsVal1列",JSON.stringify文件(aColumnsData));

this.oviant.setItemValue("ColumnsVal2",JSON.stringify文件(aColumnsData));

这有助于存储筛选值之类的内容。

下面的快照显示存储的变量

当用户从上面的列表中选择变量时,我们需要读取并相应地更改表列。。下面是这样做的代码:

读取变量的数据,this.oviantset.getVariant变量调用()并将存储的值转换回数组JSON.parse文件()已使用。一旦我们有了这些信息,我们就可以修改表并刷新表控件以在屏幕上显示数据。

变体也可以管理。按管理按钮,用户将看到如下屏幕:

他/她可以更改名称或删除变体,也可以将其中任何一个设置为默认值。为了管理这一点,下面的代码片段将这样做:

Th event参数将提供在variant manage屏幕上更改的所有数据的值。调用的方法非常简单,可以更改、删除和生成默认变量。

上面的代码是该变量管理控件与表一起工作的最后一块拼图。

最后一个重要信息,ushell Personalization service使用的后端服务是与命名空间/UI2/

I的互操作希望以上信息对您有所帮助,如果有任何挑战,请评论。

参考文献:

https://sapui5.hana.ondemand.com/#/api/sap.ui.comp.variants

https://sapui5.hana.ondemand.com/#/api/sap.ushell.services.Personalization

https://help.sap.com/viewer/a7b390faab1140c087b8926571e942b7/1709.001/en-US/755536526c384096b5f37d15a693b98d.html