› 理论教育 ›如何创建iView及页面

如何创建iView及页面

更新时间：2025-10-14 理论教育 版权反馈
【摘要】：2）在应用技术向导页中，选择Web Dynpro ABAP应用程序，创建一个Web Dynpro ABAP应用程序的iView，如图4-39所示。图 4-43填写必要信息，单击 按钮，如图4-44所示图 4-44确认信息无误，单击 按钮3）为创建iView创建页面1）在当前文件夹下，用鼠标右键单击“Context”菜单中的“ ”按照图4-45所示的路径启动页面向导。图 4-51在当前文件夹下，选中iView fD{ ，用鼠标右键单击“Context”菜单，按照图4-52所示的路径将iView添加到页面。

1）为查询应用程序创建iView 1）按照路径（http://xitst:50000/irj）登录门户系统转到内容管理页面，如图4-30所示。

978-7-111-54749-5-Chapter04-49.jpg

图 4-30

在当前文件夹下，用鼠标右键单击“Context”菜单中的“ 978-7-111-54749-5-Chapter04-50.jpg ”，按照图4-31所示的路径启动iView向导

978-7-111-54749-5-Chapter04-51.jpg

图 4-31

2）在应用技术（Application Technology）向导页中，选择Web Dynpro ABAP应用程序创建一个Web Dynpro ABAP应用程序的iView，如图4-32所示。

978-7-111-54749-5-Chapter04-52.jpg

图 4-32

单击 978-7-111-54749-5-Chapter04-53.jpg 按钮，如图4 33所示。

978-7-111-54749-5-Chapter04-54.jpg

图 4-33

选中“SAP Web Dynpro iView”单选按钮，单击 978-7-111-54749-5-Chapter04-55.jpg 按钮，如图4-34所示。

978-7-111-54749-5-Chapter04-56.jpg

图 4-34

填写必要信息，单击 978-7-111-54749-5-Chapter04-57.jpg 按钮，如图4 35所示。

978-7-111-54749-5-Chapter04-58.jpg

图 4-35

选中“Web Dynpro for ABAP”单选按钮，单击 978-7-111-54749-5-Chapter04-59.jpg 按钮，如图4-36所示

978-7-111-54749-5-Chapter04-60.jpg

图 4-36

填写必要信息，单击 978-7-111-54749-5-Chapter04-61.jpg 按钮，如图4-37所示

978-7-111-54749-5-Chapter04-62.jpg

图 4-37

确认信息无误，单击 978-7-111-54749-5-Chapter04-63.jpg 按钮2）为查询结果应用程序创建iView 1）在当前文件夹下，用鼠标右键单击“Context”菜单中的“ 978-7-111-54749-5-Chapter04-64.jpg ”按照图4-38所示的路径启动iView向导。

2）在应用技术（Application Technology）向导页中，选择Web Dynpro ABAP应用程序，创建一个Web Dynpro ABAP应用程序的iView，如图4-39所示。

978-7-111-54749-5-Chapter04-65.jpg

图 4-38

978-7-111-54749-5-Chapter04-66.jpg

图 4-39

单击 978-7-111-54749-5-Chapter04-67.jpg 按钮，如图4-40所示

978-7-111-54749-5-Chapter04-68.jpg

图 4-40

选中“SAP Web Dynpro iView”单选按钮，单击

978-7-111-54749-5-Chapter04-69.jpg

按钮，如图4-41所示

978-7-111-54749-5-Chapter04-70.jpg

囱 4-41

填写必要信息，单击 978-7-111-54749-5-Chapter04-71.jpg 按钮，如图4-42所示。

978-7-111-54749-5-Chapter04-72.jpg

图 4-42(https://www.daowen.com)

选中“Web Dynpro for ABAP”单选按钮， 苧，击 978-7-111-54749-5-Chapter04-73.jpg 按钮，如图4 43所示。

978-7-111-54749-5-Chapter04-74.jpg

图 4-43

填写必要信息，单击 978-7-111-54749-5-Chapter04-75.jpg 按钮，如图4-44所示

978-7-111-54749-5-Chapter04-76.jpg

图 4-44

确认信息无误，单击 978-7-111-54749-5-Chapter04-77.jpg 按钮3）为创建iView创建页面1）在当前文件夹下，用鼠标右键单击“Context”菜单中的“ 978-7-111-54749-5-Chapter04-78.jpg ”按照图4-45所示的路径启动页面向导。

2）在应用技术（Application Technology）向导页中，填写必要信息创建框架为两列的页面，页面属性设置如图4-46所示。

978-7-111-54749-5-Chapter04-79.jpg

图 4-45

978-7-111-54749-5-Chapter04-80.jpg

图 4-46

单击 978-7-111-54749-5-Chapter04-81.jpg 按钮，如图4-47所示选中“ 978-7-111-54749-5-Chapter04-82.jpg ”单选按钮，单击 978-7-111-54749-5-Chapter04-83.jpg 按钮，如图4-48所示

978-7-111-54749-5-Chapter04-84.jpg

图 4-47

图 4-48选择布局2列（同一宽度），单击 978-7-111-54749-5-Chapter04-85.jpg 按钮，为页面选择iView的布局，如图4-49所示

978-7-111-54749-5-Chapter04-86.jpg

图 4-49

单击 978-7-111-54749-5-Chapter04-87.jpg 按钮，如图4-50所示

978-7-111-54749-5-Chapter04-88.jpg

图 4-50

确认信息无误，单击 978-7-111-54749-5-Chapter04-89.jpg 按钮。3)编辑页面属性。页面编辑完成后，单击 978-7-111-54749-5-Chapter04-90.jpg 按钮，编辑页面Page，如图4 51所示。

978-7-111-54749-5-Chapter04-91.jpg

图 4-51

在当前文件夹下，选中iView 978-7-111-54749-5-Chapter04-92.jpg fD{ 978-7-111-54749-5-Chapter04-93.jpg ，用鼠标右键单击“Context”菜单，按照图4-52所示的路径将iView添加到页面。

978-7-111-54749-5-Chapter04-94.jpg

图 4-52

页面属性设定如图4-53所示。

978-7-111-54749-5-Chapter04-95.jpg

图 4-53

选择各个iView，单击 978-7-111-54749-5-Chapter04-96.jpg 按钮，选择各列对应的iView内容，将其高度类型设为 978-7-111-54749-5-Chapter04-97.jpg ，并单击“保存”按钮，如图4-54所示

978-7-111-54749-5-Chapter04-98.jpg

图 4-54

编辑结果如图4-55所示

978-7-111-54749-5-Chapter04-99.jpg

图 4-55

4）测试页面上事件响应测试结果如图4-56所示

978-7-111-54749-5-Chapter04-100.jpg

图 4-56

免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。

我要反馈

相关文章