FavoriteLoading
0

Webdynpro-视图跳转(View Navigation)实例

[隐藏]

下面通过一个实例来介绍如何在webdynpro中实现视图之间的跳转或者说页面之间的跳转,以及值传递。
实例中的webdynpro包括2个view,第一个view包含一个input field和一个按钮,input field中输入值后点击按钮跳转到第二个view中,并且将输入值传递到第二个view用text view显示。

详细步骤如下:

1,创建webdynpro

在component controller的context tab页中创建一个node,然后再在node下面创建attribute,可以把这个attribute理解为全局变量,用来在view之间传递值。

node下面再创建一个属性(attributes)memo,类型是string,这个属性就是用来绑定input field中值的,

创建完毕就是下面的样子,

2,第一个视图

在main view中,把componentcontroller上的node节点从右边拖拽到左边main view的context下,

然后,在main视图上创建input field和button,

先搞一个可输入的input field

给value绑定context 属性MEMO,

再创建一个button,text字段上输入描述。

然后再创建onaction,因为点击这个按钮要跳转到下一个view,所以不仅要输入action,还要输入一个Outbound Plug(随意起个名字),回车。

创建Outbound Plug

3,第二个视图

创建第二个视图,命名为secondview,

同main view一样,把componentcontroller上的node从右至左拖拽到secondview的context下,这样两个view之间的值传递的通道就通过context建立好了。

然后在view的layout中插入一个text view用来显示main view中输入的值,

将text和context中的memo绑定起来

在inbound plugs页面中创建一个inbound plug

最后将创建好的第二个视图secondview嵌套到主窗口中,

通过F4帮助选择到第二个视图

结束后如下:可以看到main视图中有个outbound plugs-SUBMIT,secondview视图中有个inbound plugs-PLUG_FROM_MAIN.

在outbound plug submit上创建导航链接,

选择输入目标视图的名字以及对应的内向插件,

5,创建应用程序测试

运行后,输入一段字符串,然后点击View跳转按钮,

第二个视图显示如下:

以上。