1.

Change ayout ,
2.
nsert eement
abe (drag ) or through rootueementcontaner ->nsert
eement, set abe name myabe
3. Insert nput fed set name = mynputfed
4. In myabe propertes set abefor = mynputfed
5. Insert page header set d = myheader.
6. Under ROOTUIELEMENTCONTAINER drag myheader to the top. Set tte
web demo
7. Myheader set propertes cedesgn = padess vgutter=xarge
8. Insert eement TransparentComponent d=MySpace, Under
ROOTUIELEMENTCONTAINER drag beow myHeader.
9. Left sde pane Ob|ect Name cck ComponentControer , Rght cck
Context Create new Node, set node name = Node.
10.Under node create attrbute set att name = name type = strng.
11.Back to Vew , cck Man then open Context tab, drag Node from
ComponentControer to Context
12.Cck ayout tab, cck nput fed , n vaue property cck Bnd, pop up
wndow Seect Name under node
13.In Ob|ect name seect parent ob|ect, rght cck create web dnypro
appcaton
14.Under Ob|ect name seect parent ob|ect , Actvate.
Before web appcaton
Open fe , read host_name_fu , open host fe under etc dr , set p address
and web server name
15.Test run appcaton.
16.Add vew (eftsde pane), set name =Wecome
17.Wecome ayout vew, nsert eement text set d = WecomeText, set
Text=Wecome to ourpage.
18.Insert eement TextVew , set d =NameText.
19.Go to Man ayout Vew, nsert button d=SubmtBtn, set text propertes =
Submt
20.Cck outbound pug tab , type under pug name coumn Goto Wecome
21.Cck nbound pug tab, under pug name type nfrom_man.
22.Cck Wndow tab, drag Wecome vew to under wndow structure
TUTORIAL WEB DYNPRO ABAP WIZARD.
1. Set web dynpro Create ob|ect Z_WP_FLIGHTDEMO
2. Rght cck Z_WP_FLIGHTDEMO create -> servce ca
3. Seect controer, seect opton use exstent component.
COMPONENTCONTROLLER.
4. Servce Type seect functon modue.
5. Seect servce , type bap_fght_getst.
6. Adapt context , mport parameter , set to be parameter of method. Tabes
set to be Context (node/attrbute).
7. Specfy method ,cck contnue.
8. In Man Vew go to Context tab, drag bap_fght_getst to man context.
9. Go back to ayout vew, open tempate gaery (one of button n toobar) ,
seect tabe wzard.
10.Open Method tab, doube cck WDDINIT, cck wzard n toobar go to
genera
Note : SAPBC_DATA_GENERATOR program (se38) , create data for fght
data mode
11.Create parameter for method WDDINIT, |ust uncomment remark and set
vaue
12.Test Appcaton
13. Create Parameter for Fght Ouery
14.Create submt button
15.Under context nsert query
16.Bnd ArneInput wth Ouery
17.On submt btn , create method , n propertes Event cck button on
Acton. Gve name OueryArne
18.Go to Acton Tab doube WDEVENT.
19.Actvate , fxed error v_query type , test appcaton.
WEB DNYPRO IMPORT IMAGE.
1. Seect Import
2. Create Eement for mage
3. .