FavoriteLoading
0

Webdynpro中创建select-options详细实例

[隐藏]

简单介绍一下如何在web dynpro中创建select-options。

过程有点繁琐,但是实际上不是很难,毕竟SAP提供了一个标准的组件WDR_SELECT_OPTIONS,可以利用它来实现web dynpro中的select-options。

1,创建webdynpro组件

SE80,输入webdynpro组件名字,点击眼镜按钮,如果组件不存在就会提示创建一个新对象。

选择webdynpro组件类型,

2,使用标准组件WDR_SELECT_OPTIONS

在当前创建的组件(component)下,指定使用的sap 标准组件WDR_SELECT_OPTIONS

在视图Main的properties中也添加WDR_SELECT_OPTIONS

添加后:

3,为select-options创建一个容器(container)

在视图MAIN中创建一个容器(container),用来放置select-options。

双击视图MAIN,然后右键点击rootuielementcontainer,插入一个类型为viewcontaineruielement的element

创建后的样子。。。。

4,将select-options所在的view分配给窗口

右键点出“嵌套视图”,然后左键单击,将视图嵌套到窗口中。

通过F4选中使用的web dynpro组件WND_SELECTION_SCREEN

嵌入后是这个样子:

5,编写代码

首先,在view的属性tab页上创建2个属性,关联类型为IF_WD_SELECT_OPTIONS和IWCI_WDR_SELECT_OPTIONS,

这两个属性会在编程中使用到,用来保存select-options组件的实例(holds the reference to the instance of the Select Options component.)。

注意:由于这个例子比较简单只有一个view使用到了select-options,所以可以把这两个属性创建在view上,如果有多个view使用select-options,为了方便可以将它们创建在Component Controller上,如下:

在视图main的方法WDDOINIT中加入代码,双击WDDOINIT

使用wizard,在instantiate the used component选项中通过F4输入组件WDR_SELECT_OPTIONS,找到SELECT_OPTIONS_COMP

得到自动生成的代码,如下:

然后再加入自定义代码,代码实现的就是将”用户”字段加入到select-options中。

用户字段在表usr02中,

完整代码如下:

6,测试

最后别忘了给web dynpro创建一个应用程序

运行结果,用户字段以select-options形式显示了,但是发现上面还有四个其他按钮。。。。

如果想隐藏这几个按钮,可以再加入一段代码

打完收工,看到这是不是很怀念abap报表中一句话就能实现的select-options了。。。。

以上。