您好
我有两个视图,第一个视图是绑定表中的项目列表,单击时我想导航到每个列表项目的第二个视图页。我已经实现了它,并在XML视图中将所需数据传递到下一页以及删除功能。
步骤–1:
首先,我们需要通过输入凭据登录到SAP云平台。登录之后,微信返利,我在sapwebide中创建了一个项目。在这里,我正在创建一个项目,项目名为"导航",云服务器一年多少钱,显示在工作区下方。
第2步:webapp/模型/对象.json
现在我们需要创建JSON文件,以便将数据绑定到视图,为此,新云,我选取了一个静态JSON数据示例,如下
步骤3:webapp/view/page1。查看.XML
现在进入第1页。查看.XML我已经定义了一个表,并将上面的JSON数据绑定到该表中。
代码如下:
步骤–4:webapp/controller/page1。控制器.js
这里,我们需要传递选定的列表项。我取了两个参数('name',好评返现文案,'分支')并将其传递给下一级视图。
我已经使用getId()函数实现了删除所选表行的代码。示例代码如下
步骤5:
输出如下:
步骤6:webapp/view/page2。查看.XML
现在我们要表演具有上述输出的参数功能的导航。因此,我创建了另一个视图page2。查看.xml如下图所示,
第7步:
首先,我们需要初始化路由器组件.js
第8步:
然后在中定义sapui5下的路由器类和路由清单.json.
路由将有三个部分,即配置,路由和目标
路由中的配置:这些是全局配置,我们可以将不同的配置传递给每个路由。在路由中,如果我们不传递任何配置,则这些全局配置将被视为默认值。
路由中的路由:路由是一个数组,它将具有已在配置部分传递的模式、名称、目标和其他可选属性。
模式:将与应用程序的URL匹配的哈希模式。如果URL不包含哈希,那么它将匹配空哈希("")。如果URL包含#first,那么它将匹配o模式"first"。在这个模式中,什么是云计算和大数据,我们可以创建两个路径,如{invoicePath}/{invoicePath1},它们用于传递参数。
name:路由的名称。如果我们希望导航而不更改或添加哈希到URL,那么我们应该使用name属性。我们可以使用此路由器名称从控制器页调用路由器。
目标:我们可以提到要替换controlAggregator控件的视图的名称。
路由中的目标:目标是我们传递视图名称的部分。当路由器命中目标时,它将用目标中提到的视图填充相应的controlAggregate容器。
步骤9:webapp/controller/page2。控制器.js
现在我们正在为第二视图控制器第2页编写代码。控制器.js如下图所示
第10步:
使用route导航后,样本输出如下图所示参数