下面通过一个实例来介绍如何在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.
4,Navigation Link
在outbound plug submit上创建导航链接,
选择输入目标视图的名字以及对应的内向插件,
5,创建应用程序测试
运行后,输入一段字符串,然后点击View跳转按钮,
第二个视图显示如下:
以上。
发表评论