8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 1/9

1. Change layout ,

2. insert element label (drag ) or through rootuielementcontainer ->insert

element, set label name ‘mylabel’

3. Insert inut !ield set name " ‘myinut!ield’

#. In ‘mylabel’ roerties set label!or " myinut!ield

$. Insert age header set id " myheader.

%. &nder '&I*+**CI*' drag myheader to the to. /et title

‘0eb demo’

. yheader set roerties celldesign " ‘adless’ gutter"’large’

4. Insert element ransarentComonent id"y/ace, &nder'&I*+**CI*' drag belo0 my5eader.

6. +e!t side anel ‘b7ect ame’ clic8 ComonentController , 'ight clic8

Contet Create ne0 ode, set node name " ode.

19.&nder node create attribute set att name " ‘name’ tye " string.

11.:ac8 to ;ie0 , clic8 ain then oen Contet tab, drag ode !rom

ComonentControler to Contet

12.Clic8 layout tab, clic8 inut !ield , in alue roerty clic8 :ind, o u

0indo0 /elect ame under node

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 2/9

13.In b7ect name select arent ob7ect, right clic8 create 0eb dnyro

alication

1#.&nder b7ect name select arent ob7ect , ctiate.

:e!ore 0eb alication

en !ile , read host<name<!ull , oen host !ile under etc dir , set i address

and 0eb serer name

1$.est run alication.

1%.dd ie0 (le!tside anel), set name "’=elcome’

1.=elcome layout ie0, insert element tet set id " =elcomeet, set

 et"’=elcome to ourage’.

14.Insert element et;ie0 , set id "ameet.

16.o to ain layout ;ie0, insert button id"/ubmit:tn, set tet roerties "

/ubmit

29.Clic8 outbound lug tab , tye under lug name column ‘oto =elcome’

21.Clic8 inbound lug tab, under lug name tye ‘in!rom<main’.

22.Clic8 =indo0 tab, drag =elcome ie0 to under 0indo0 structure

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 3/9

 &'I+ =*: ?@A' :A =IB'?.

1. /et 0eb dynro Create ob7ect B<=A<+I5?*

2. 'ight clic8 ‘B<=A<+I5?*’ create -> serice call

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 4/9

3. /elect controller, select otion use eistent comonent.

CA*C'++*'.

#. /erice ye select !unction module.

$. /elect serice , tye bai<!light<getlist.

%. dat contet , imort arameter , set to be arameter o! method. ables

set to be Contet (nodeDattribute).

. /eci!y method ,clic8 continue.

4. In ain ;ie0 go to Contet tab, drag bai<!light<getlist to main contet.

6. o bac8 to layout ie0, oen temlate gallery (one o! button in toolbar) ,

select table 0iEard.

19.en ethod tab, double clic8 =??II, clic8 0iEard in toolbar go to

general

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 5/9

ote F /A:C<?<**'' rogram (se34) , create data !or !light

data model

11.Create arameter !or method =??II, 7ust uncomment remar8 and set

alue

12.est lication

13. Create Aarameter !or light Guery

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 6/9

1#.Create submit button

1$.&nder contet insert Huery

1%.:ind irlineInut 0ith Guery

1.n submit btn , create method , in roerties *ent clic8 button on

ction. ie name Gueryirline

14.o to ction ab double =?*;*.

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 7/9

16.ctiate , !ied error l<Huery tye , test alication.

=*: ?@A' IA' I*.

1. /elect Imort

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 8/9

2. Create *lement !or image

3.

8/13/2019 Build Simple Web Dynpro

http://slidepdf.com/reader/full/build-simple-web-dynpro 9/9